UI Design

Owns everything that touches the built artifact: pick the visual direction, implement it in code, and audit what shipped.

• IS: choosing visual direction (palettes, type scales, tokens, layout systems, CRO strategy, brand boards), building UI in code, and auditing built React or Next frontends for user-facing defects with file:line evidence, applied fixes, and a ship verdict.
• IS NOT: deciding what an interface should do before it exists (use product-design); non-UI correctness and code quality (use pr-reviewer); agentic-app review (use ax-audit); deep typography or motion passes (use typography-audit, ui-animation); the wording of a string (use copywriting).

Contents

• product-design, ui-design, or ui-animation?
• Modes
• Direction mode
• Build mode
• Audit mode
• Other modes
• Quality Bar
• Verify
• Gotchas
• Related skills