Skill Claude CodeCodex
Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback.
Skill Claude CodeCodex
Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful.
Skill Claude CodeCodex
Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.
Skill Claude CodeCodex
Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library.
Skill Claude CodeCodex
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Skill Claude CodeCodex
Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready.
Skill Claude CodeCodex
Normalize design to match your design system and ensure consistency.
Skill Claude CodeCodex
Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly.
Skill Claude CodeCodex
Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.
Skill Claude CodeCodex
Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great.
Skill Claude CodeCodex
Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.
Skill Claude CodeCodex
One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.
Skill Claude CodeCodex
Use for read-only analysis before spec or plan work.
Skill Claude CodeCodex
Use before moving from spec to plan, or during spec review.
Skill Claude CodeCodex
Use when a spec is underspecified before planning.
Skill Claude CodeCodex
Use to review, check, or amend the constitution.
Skill Claude CodeCodex
Use to execute the next ready task from a feature task list.
Skill Claude CodeCodex
Use to turn an approved spec into an implementation plan.
Skill Claude CodeCodex
Use to create a new spec for non-trivial work.
Skill Claude CodeCodex
Use to break a plan into sequenced, verifiable tasks.
Skill Claude CodeCodex
Use when auth changes could create drift between runtime, env keys, mocks, UI copy, and docs.
Skill Claude CodeCodex
Use when code changes could make README, docs, env examples, or UI copy inaccurate.
Skill Claude CodeCodex
Use when deciding where new files belong and how module boundaries should be preserved.
Skill Claude CodeCodex
Use when deciding the smallest correct verification set for a change in this repo.