Skill Claude CodeCodex
Design icon systems — library selection, sizing, containers, custom SVG direction — use when: pick an icon library, icon sizing rules, icon containers, custom SVG direction, swap icons, icon strategy.
Skill Claude CodeCodex
Design logo directions — concepts, variations, usage rules, and clear space — use when: design the logo, logo concepts, logo variations, lockups, wordmark vs mark, clear space rules, logo usage.
Skill Claude CodeCodex
Render phase transition screens — pipeline progress, completion banner, file tree. Invoked by pipeline skills at phase completion.
Skill Claude CodeCodex
Detect and fix AI-slop craft failures in the codebase — auto-runs after build; user-invocable anytime — use when: polish the build, clean up AI slop, find lorem placeholders, missing empty states, default chart palettes, hardcoded hex outside tokens, scrolling text without fade mask.
Skill Claude CodeCodex
Surprise ASCII art in the terminal.
Skill Claude CodeCodex
Show pipeline progress dashboard — use when: where are we, what's done, show progress, how far along, what phase are we on.
Skill Claude CodeCodex
Scope a feature or flow — use when: scope this, define what we're building, plan the project, what should we build, write a brief.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Research UX patterns and technical approaches — use when: research this, look up how X works, find patterns for, what's the best approach for.
Skill Claude CodeCodex
QA review — validate implementation against designs — use when: review the build, QA this, does it match the designs, check what was built, verify implementation.
Skill Claude CodeCodex
Set up the tech stack — install deps, configs, verify build — use when: set up the stack, install shadcn, init the project, scaffold, set up Tailwind.
Skill Claude CodeCodex
Start the GSP pipeline — routes to the right entry point (brand brief, project brief, scaffold) — use when: starting a new feature, I want to build X, help me design, let's work on, kicking off new work, where do I start.
Skill Claude CodeCodex
Apply a design style preset — tokens and foundations without the full branding diamond — use when: just give me a style, quick tokens, skip branding, apply a preset, use the X style, swap to Y style.
Skill Claude CodeCodex
Use when evaluating a repository's Claude Code harness setup — CLAUDE.md, skills, guides/sensors, hooks, memory — to surface good practices, gaps, and prioritized fixes. Triggers when the user asks to audit their agent setup, "is my harness any good", "review my CLAUDE.md / skills", grade a repo's Claude Code config…