What problem does it solve? It turns vague UX requirements into coherent, accessible interface designs and implementation guidance that fit an existing product's visual language, reducing guesswork and inconsistent UI decisions. ## Core Features & Use Cases - Context-Driven Design: Inspects the existing product, design system, tokens, and components before proposing layouts, ensuring consistency with established patterns. - Full-State Coverage: Specifies loading, empty, error, success, disabled, and permission states rather than only polished happy paths. - Accessibility & Responsiveness: Designs keyboard, touch, pointer, and assistive-technology behavior together, with meaningful responsive changes and reduced-motion support. - Use Case: When adding a new settings page to a web app, use this Skill to define the information hierarchy, reuse existing components, and deliver an implementation-ready specification covering all interaction states. ## Quick Start Ask the AI to design a responsive, accessible interface for a specific page or flow in your product, mentioning the target users and any existing design system.