What problem does it solve? Applications built by AI pipelines often end up with a generic, undifferentiated visual identity. This Skill replaces that generic look with a cohesive, deliberately chosen design system through an interactive, user-approved redesign process. ## Core Features & Use Cases - Interactive Design Discovery: Collects brand color, reference products, Figma tokens, logo assets, and credentials, then guides the user through 6-8 numbered design decisions (theme mode, accent color, typography, radius, animation level). - Token-First Implementation: Updates design tokens, fonts, theme providers, layouts, and pages in a cascading order, with typecheck/lint checkpoints and a dedicated feature branch. - Playwright Visual Review: Captures before/after screenshots at 1440, 768, and 375 breakpoints in light and dark modes, then runs anti-AI-slop refinement and up to 3 fix-and-review cycles. - Use Case: After an AI pipeline finishes building a functional app, run Stage 6P-R to establish a distinctive visual identity — for example, switching a default Tailwind dashboard to a dark, editorial design with a custom font pairing and brand accent color. ## Quick Start Ask the agent to run a frontend redesign on the current project and answer the interactive design questions it presents.
