What problem does it solve? Frontend design work often ships bland, inconsistent, or technically weak interfaces because design decisions lack a systematic process. This Skill provides a command-driven workflow for designing, reviewing, and hardening UI across websites, dashboards, app shells, and native apps. ## Core Features & Use Cases - Command-based design workflow: 20+ commands such as shape, critique, audit, polish, bolder, quieter, animate, typeset, and adapt, each backed by a dedicated reference playbook covering UX review, accessibility, performance, responsive behavior, theming, and typography. - Persistent design context: init captures product truth in PRODUCT.md, document generates DESIGN.md from existing code, and context.mjs loads surface briefs so every command works from the project's actual design system. - Platform-aware guidance: separate references for web, iOS, and Android enforce platform conventions like safe-area insets, Material color roles, Dynamic Type, and touch target minimums. - Use Case: A developer with a functional but generic-looking Next.js dashboard runs the audit command to get a scored report across accessibility, performance, theming, and responsive design, then applies polish and layout passes to fix the flagged issues. ## Quick Start Ask the AI to critique the visual hierarchy and accessibility of your landing page using the impeccable design workflow.
