mutav-finance
@mutav-finance Organization
Public Skills
gsp-color
by mutav-finance
"Design color systems — palettes, contrast, semantic mapping, dark mode"
gsp-project-review
by mutav-finance
QA review — validate implementation against designs — use when: review the build, QA this, does it match the designs, check what was built, verify implementation
gsp-doctor
by mutav-finance
Check project health — use when: something's broken, check the project, is everything set up right, health check, what's the status of my GSP setup
gsp-project-build
by mutav-finance
Translate designs to code (technical phase — benefits from capable models) — use when: build this, implement, code this up, build me a X, add a X to the app, make the X page
gsp-phase-transition
by mutav-finance
"Render phase transition screens — pipeline progress, completion banner, file tree. Invoked by pipeline skills at phase completion."
gsp-visuals
by mutav-finance
"Define visual direction — imagery, 3D, video, textures, and surface treatments"
gsp-project-critique
by mutav-finance
Critique designs + accessibility audit (creative phase — benefits from capable models) — use when: review the designs, critique this, check accessibility, what's wrong with, give feedback on
get-shit-pretty
by mutav-finance
"Design engineering for AI coding tools. Full pipeline: brand research, strategy, identity, guidelines, UI design, critique, accessibility audit, build, and review. Expertise skills (color, typography, visuals) serve the entire pipeline. 14 specialized agents with Apple HIG, Nielsen's heuristics, WCAG 2.2 AA, and design token standards."
gsp-help
by mutav-finance
Show all skills
gsp-typography
by mutav-finance
"Design type systems — scale, pairing, fluid type, vertical rhythm"
gsp-project-design
by mutav-finance
Design screens and interaction flows (creative phase — benefits from capable models) — use when: design this, mock up, create wireframes, how should X look, lay out the UI for
gsp-design-system
by mutav-finance
Scan and document the existing design system — use when: scan the codebase, document what components exist, what's already built, inventory the design system
gsp-progress
by mutav-finance
Show pipeline progress dashboard — use when: where are we, what's done, show progress, how far along, what phase are we on
gsp-brand-refine
by mutav-finance
Adjust brand mid-project — use when: tweak the colors, change the font, adjust spacing, the brand feels off, refine the brand
gsp-start
by mutav-finance
Start the GSP pipeline — use when starting a new feature, I want to build X, help me design, let's work on, or kicking off any new work
gsp-style
by mutav-finance
Apply a design style — get tokens and foundations without the branding diamond
gsp-project-brief
by mutav-finance
Scope a feature or flow — use when: scope this, define what we're building, plan the project, what should we build, write a brief
gsp-brand-audit
by mutav-finance
Audit an existing brand before evolving it
gsp-accessibility
by mutav-finance
Quick contrast checks and token WCAG audits — inline, no agent
gsp-update
by mutav-finance
Update GSP to the latest version
gsp-project-research
by mutav-finance
Research UX patterns and technical approaches — use when: research this, look up how X works, find patterns for, what's the best approach for
gsp-icons
by mutav-finance
Design icon systems — library selection, sizing, containers, custom SVG direction
gsp-brand-apply
by mutav-finance
Install a brand theme into a shadcn codebase — use when: apply the brand to the code, install the theme, switch to brand X, refresh the theme
react-component-view-model-pattern
by mutav-finance
Use when building page or feature components — components are pure rendering, all logic and state lives in a view model hook named use{ComponentName}. Applies to client components only in Next.js App Router.