概要
The Frontend Design skill empowers Claude to move beyond generic AI-generated layouts by implementing a rigorous design-first approach to web development. It features two specialized workflows: one for greenfield projects that emphasizes bold aesthetics, typography, and motion design, and another for existing codebases that mandates a thorough analysis of current patterns before implementation. By enforcing consistency across React, Vue, Next.js, and Tailwind CSS projects, this skill ensures that every new component or page aligns perfectly with existing design systems or establishes a high-quality visual foundation from scratch.