Anti-generic design skills for AI agents: fluid (motion) + design-system (identity) + a deterministic detector. Extracted from production.
Skill Claude CodeCodex
Generate premium brand reference images for a design system, covering logo concepts, color and type boards, and product mockups. Use when a brief needs visual references or a brand kit before or alongside building the UI. Tool-agnostic (works with Nano Banana / Gemini, Higgsfield, Midjourney, or any image model).
Skill Claude CodeCodex
Generate a unique, production-grade brand design system from a short brief. Use when starting a new site or product, defining or extending design tokens (color, type, spacing, radii, shadows, motion), producing a token file plus Tailwind config plus a brand rules doc plus a storybook, or giving a project a distinct…
Skill Claude CodeCodex
Production-grade web motion design for React and Tailwind sites. Use when building, choosing, or reviewing animations, scroll effects, reveals, page transitions, hovers, counters, marquees, or micro-interactions. Encodes easing, timing, spring, origin, and reduced-motion rules, and ships a drop-in component library.
Skill Claude CodeCodex
Execution discipline for shipped UI. Use to make sure generated frontend work is actually complete, with no placeholders, no skipped sections, no half-finished states, every interactive state handled, and the brief honestly met.
Skill Claude CodeCodex
Audit an existing web UI and produce a modernization plan plus a fresh design system. Use when a site or app already works but looks dated or generic and needs a proper visual audit and a redesign pass, not a rebuild from scratch. Preserves content, routes, and SEO.
Skill Claude CodeCodex
A shared vocabulary of named refine commands for existing UI (typeset, colorize, animate, settle, flow, bolder, quieter, distill, regroup, glass, iconify, deslop, brandward, productward, audit, critique, harden, polish). Use when the user asks to improve, fix, tighten, calm, strengthen, or polish a UI with a precise…