Skill Claude CodeCodex
Apply a restrained, Swiss/Japanese/Scandinavian/German-influenced product design system when building or refining UI in React, Next.js, TypeScript, and shadcn/ui — the stack-specific binding of the ui-principles core, with concrete numbers. Use when the user asks to build, refine, critique, redesign, or review a page…
Skill Claude CodeCodex
Make a just-finished fix or feature belong in the codebase — conform it to local conventions and tie off loose ends, without changing behavior. Triggers right after the user finishes a change and says things like "clean this up", "make it fit", "tie off loose ends", "make this maintainable", "make it fit the…
Skill Claude CodeCodex
Create and maintain a single-file design system (ds.tsx) for layout primitives and prose typography. Enforces semantic HTML, one-file constraint, cn() escape hatches, and the layout/content separation principle. Two variants — Tailwind and CSS. Use when the user asks to create a design system, add ds.tsx, set up…
Skill Claude CodeCodex
Run the AI design-engineer loop on a product's UI, fully standalone. If the repo has no /design.md contract yet, bootstrap one from the codebase itself: read the product and styling stack, draft a Vercel-style design.md with token frontmatter and human guidance, create the loop state files, ask targeted taste…
Skill Claude CodeCodex
Teach the human a session, change, file, function, bug, PR, design decision, or broader concept until they can demonstrate deep understanding. Use when the user writes /explain, / explain, "please explain this to me", asks to understand something deeply or more broadly, requests ELI5/ELI14/ELII, or wants to be quizzed…
Skill Claude CodeCodex
Apply Pragmatic Programmer principles to greenfield, prototype, or framework-agnostic feature work where there is no existing-codebase design gate. Enforces ETC (Easy to Change), real DRY, tracer bullets, orthogonality, broken windows, and good-enough discipline. Use when the user asks for pragmatic build discipline…
Skill Claude CodeCodex
Product design critique and approved implementation workflow for existing product experiences. Use when the user writes /product-design, asks for a product design critique, UX critique, Design of Everyday Things / DOET review, critique-and-implement pass, or wants to improve a screen, flow, route, dashboard, form…
Skill Claude CodeCodex
Guided UI redesign intake and critique for pointed-at product surfaces. Use when the user writes /redesign, says "redesign this", "what should change about this UI", asks Codex or Claude to critique a screenshot, browser-visible screen, component, route, dashboard, form, workflow, or small UI fragment, or wants…
Skill Claude CodeCodex
Take a pull request the last mile — workspace-safe checkout, live PR state, release-blocking findings, verification on the PR head, real-browser UI smoke, merge readiness, merge, and post-merge production verification. Use when the user asks to prepare, verify, smoke test, merge, ship, or get a PR ready or live…
Skill Claude CodeCodex
Guide feature design and implementation in existing codebases. Based on A Philosophy of Software Design, with Pragmatic Programmer build discipline and conditional React/Next.js App Router constraints. Use when the user asks to add, implement, build, or scaffold a new feature, endpoint, module, route, component, hook…
Skill Claude CodeCodex
Run an extremely strict maintainability review for abstraction quality, giant files, spaghetti-condition growth, and structural code health. Use for a thermo-nuclear code quality review, thermonuclear review, deep code quality audit, especially harsh maintainability review, abstraction review, or PR review focused on…
Skill Claude CodeCodex
The framework-agnostic core of a calm, restrained UI system — rules, not numbers — built on seventeen principles: one alignment spine, deliberate symmetric padding, hierarchy built space → color → weight → size, rare color, honest interactive states, and designed empty/loading/error states. Use when building…
Skill Claude CodeCodex
Summarize recent merged, deployed, or shipped work from the current repository into a clear team update. Use when the user asks what shipped, what merged today/yesterday/this week, what changed recently, or for a non-technical update, release note, changelog summary, stakeholder recap, or customer-facing/internal team…
Skill Claude CodeCodex
Turn a rough objective into a strong, evidence-backed goal for an AI coding agent, using lightweight codebase exploration when the objective depends on repository context. Use when the user writes /write-goal, asks to draft or tighten an agent goal, says "turn this into a goal" or "turn this into a /goal", or wants…