What problem does it solve? Choosing a coherent visual direction for a new or existing frontend is slow and often produces generic, template-looking results. This Skill turns a few context questions into concrete, copy-pasteable Tailwind tokens and a productization pass so interfaces feel like intentional, finished products. ## Core Features & Use Cases - Theme selection workflow: Asks targeted questions about project type, audience, vibe, and animation effort, then maps answers to 2-3 matched options from 14 documented style families. - Ready-to-paste tokens: Outputs color palettes, typography, spacing, radius, shadows, and motion character as Tailwind v4 @theme blocks or v3 tailwind.config.ts extensions, with stack detection for existing repos and monorepos. - Productization pass: Audits identity, information architecture, interaction model, component language, and density, and delivers hand-buildable code for signature interactions sourced from shadcn/ui, Aceternity, Magic UI, and similar libraries. - Use Case: A developer starting a Next.js SaaS dashboard asks for a visual direction; the Skill detects Tailwind v4, proposes Minimalist and Dark Techy candidates, and returns a complete @theme token block plus a glass navbar implementation. ## Quick Start Ask the agent to pick a visual theme and generate Tailwind tokens for your new project or to refine an existing UI toward a reference product's quality bar.
