Facilitate a structured team critique — framing, feedback rules, and actionable outcomes.
Inventory and prioritise accumulated design inconsistencies across a product.
Orchestrates distinct, high-impact visual design directions and UI/UX strategies within Codex Project Autopilot workflows.
Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag…
Transform feature briefs into structured design briefs that give designers the context they need before opening Figma.
Communicate design's contribution to business and user outcomes in stakeholder language.
Create and manage DESIGN.md files. Useful for capturing design direction, tokens, and visual rules in a single source of truth.
Apple LeanUX++ design workflow, journey schema, emotional arc patterns, and CLI UX patterns.
Replicate the visual style of any website and apply it to your existing codebase.
Advocate for design quality, scope, and timeline with partners and leadership using evidence and shared goals.
Write rationale connecting decisions to user needs, business goals, and principles.
Predefined design system references for UI reviews.
Designer Who Codes: visual audit then fixes with atomic commits and before/after screenshots.
Establish review gates — criteria, checkpoints, and approval flow.
Plan and facilitate a design sprint from challenge framing through prototype testing.
Color token contrast computation, framework token paths (Tailwind/MUI/Chakra/shadcn), focus ring validation, WCAG 2.4.13 Focus Appearance…
Define how the system evolves — contribution model, versioning, deprecation, and change management.
Use this skill when creating or evolving design systems for applications.
Implement premium new frontend landing pages, portfolios, editorial sites, and marketing pages without generic AI styling.
Mockup-to-component pipeline using Google Stitch, 21st.dev, and Storybook MCP.
Transform design tokens across multiple formats and platforms.