UX Brief Skill

Provides design system templates and patterns for creating comprehensive UI/UX briefs.

When to Use

This skill is automatically invoked by the /majestic:ux-brief command. It provides:

• Design system template structure
• Color, typography, and spacing specifications
• Component state definitions
• Framework configuration examples

Template

Read the design system template: references/design-system-template.md

Key Principles

• Junior-dev ready: Document should be so complete that no follow-up questions are needed
• Copy-paste ready: All classes, values, and configs should be directly usable
• Commit to a direction: Avoid wishy-washy "a bit of everything" designs
• Avoid AI slop: No Inter font, no purple gradients, no predictable layouts