What problem does it solve? Frontend interfaces often ship bland, inconsistent, or technically weak because design decisions lack a systematic process. This Skill provides a structured design workflow with 23 commands covering the full lifecycle from planning and visual direction to auditing, refinement, and production hardening. ## Core Features & Use Cases - Design Commands: Run targeted operations like shape, critique, audit, polish, bolder, quieter, animate, colorize, typeset, layout, and harden against any UI surface, each backed by a dedicated reference playbook. - Context System: Generates and maintains PRODUCT.md and DESIGN.md so every design decision stays consistent with the product's brand, tokens, and visual world across sessions. - Platform Coverage: Handles web, iOS, and Android with platform-specific references for native conventions, safe areas, touch targets, and accessibility. - Use Case: A developer with a functional but generic-looking dashboard runs the audit command to get a scored report across accessibility, performance, theming, and responsive design, then applies the recommended polish and layout commands to fix the findings. ## Quick Start Ask the AI to audit my landing page for accessibility and responsive issues, then polish the result.