What problem does it solve? AI-generated UI often looks generic and inconsistent because the model has no explicit design reference. This Skill fetches a DESIGN.md file from the awesome-design-md collection and places it in your project root so every generated component follows a specific brand's typography, color, and spacing system. ## Core Features & Use Cases - Design System Fetching: Retrieves a DESIGN.md file from getdesign.md for brands like Linear, Notion, Stripe, Figma, Vercel, and Raycast, then writes it to the project root. - Aesthetic Targeting: Helps you pick a design language based on audience and tone, such as developer-focused dark themes or clean editorial layouts. - Conflict Handling: Maps DESIGN.md tokens onto existing CSS variables and surfaces conflicts with project-level theme overrides before generating code. - Use Case: You are starting a new dashboard and want it to feel like Linear. The Skill fetches Linear's DESIGN.md, writes it to your project root, and all subsequent UI components follow its dark, tight-spacing design language. ## Quick Start Fetch the Linear DESIGN.md from getdesign.md and use it as the design reference for all UI components in this project.
