Agent
Structured design critique — strategy, brand contract, usability (Nielsen-scored), accessibility, content, implementation, and taste. Spawned by /gsp-project-critique.
Agent
Structured design critique — strategy, brand contract, usability (Nielsen-scored), accessibility, content, implementation, and taste. Spawned by /gsp-project-critique.
Agent
Designs UI/UX screens and interaction flows following Apple HIG. Spawned by /gsp-project-design.
Agent
Deep project research — UX patterns, competitor UX, technical approaches, reference specs. Spawned by /gsp-project-research.
Agent
QA validates actual codebase implementation against design intent. Spawned by /gsp-project-review.
Hook
Runs before the agent uses a tool for Edit, Write and MultiEdit tool calls, executing check-runtime-edit.sh via bash. From jubscodes/get-shit-pretty.
Hook
Runs when a session starts on compact, executing gsp-context-recovery.sh via bash. From jubscodes/get-shit-pretty.
Hook
Runs when a subagent finishes for gsp-project-designer, gsp-project-researcher, gsp-project-critic, gsp-brand-creative-director, gsp-brand-engineer, gsp-project-builder, gsp-project-reviewer, gsp-accessibility-auditor, gsp-brand-auditor, gsp-brand-researcher, gsp-brand-strategist, gsp-polisher and gsp-brand-coherence…
Skill Claude CodeCodex
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…
Skill Claude CodeCodex
Audit accessibility — contrast, tokens, screens, code, or compliance statement. Picks the right mode from project state when invoked with no flags — use when: is this accessible, check contrast, WCAG check, a11y audit, accessibility report, before we ship, accessibility statement.
Skill Claude CodeCodex
Add reference material to a project — use when: add a reference, save inspiration, attach examples, link this site as reference, drop in a moodboard.
Skill Claude CodeCodex
Craft ASCII art interactively — you direct, the artist creates — use when: make ASCII art, terminal art, decorative banner, splash screen, hero ASCII.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Audit an existing brand before evolving it — use when: audit our brand, what do we have, before a rebrand, brand health check, current brand state, brand inventory.
Skill Claude CodeCodex
Define your brand — who, why, and what it should feel like — use when: create a brand, define our brand identity, who are we, what's our brand.
Skill Claude CodeCodex
Build design system tokens and STYLE.md (technical phase — benefits from capable models) — use when: create the design system, generate tokens, finalize brand guidelines, build the component system.
Skill Claude CodeCodex
Create visual identity — logo, color, typography (creative phase — benefits from capable models) — use when: design the logo, pick colors, choose fonts, create the visual identity.
Skill Claude CodeCodex
Adjust brand mid-project — use when: tweak the colors, change the font, adjust spacing, the brand feels off, refine the brand.
Skill Claude CodeCodex
Research market and competitors — use when: research competitors, who else is doing this, market analysis, what do competitors look like.
Skill Claude CodeCodex
Define positioning, voice, and messaging (creative phase — benefits from capable models) — use when: define our positioning, brand strategy, what's our voice, how do we talk to customers.
Skill Claude CodeCodex
Sync brand to match a project's shipped state — tokens, voice, visual patterns, personality — use when: brand drifted from the app, reverse-engineer the brand, the code is ahead of the brand docs, sync brand to shipped, update brand from production.
Skill Claude CodeCodex
Design color systems — palettes, contrast, semantic mapping, dark mode — use when: pick colors, build a palette, semantic tokens, dark mode pairings, brand color, accent color.
Skill Claude CodeCodex
Scan and document the existing design system — use when: scan the codebase, document what components exist, what's already built, inventory the design system.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Display the complete GSP skill reference as plain text.