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 20+ 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, typeset, layout, and harden on any UI surface, each backed by a dedicated reference playbook. - Design System Management: Capture product context in PRODUCT.md, generate DESIGN.md from existing code, and extract reusable tokens and components into a consistent design system. - Cross-Platform Guidance: Applies platform-specific rules for web, iOS, and Android, including accessibility, responsive adaptation, theming, and platform conformance checks. - Use Case: A developer with a working but bland Next.js 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 use the impeccable skill to audit your main page and then polish the issues it finds.
