Design Context Skill

Ensures wireframes and UI decisions leverage existing patterns from the design system, Storybook, and codebase.

When to Use

• Before presenting wireframes (Ask mode DIVERGE)
• Before implementing UI changes (Agent mode)
• At every DIVERGE Loop to stay grounded in existing patterns

Instructions

Phase 1: Design System Check

Read the design system documentation: