Agent skill · bighardperson
awesome-design-md
Curated collection of 54 DESIGN.md files extracted from real developer-focused websites (Vercel, Stripe, Linear, Notion, Figma, etc.). Use when a user wants to build UI that matches a specific brand's design system, needs a DESIGN.md template, asks for design tokens/color palettes/typography of known products, or says 'make it look like [brand]'. Load the matching reference file and use it as the design spec.
What it needs
About 5k tokens when loaded.
What this skill does
Awesome DESIGN.md A curated collection of 54 DESIGN.md files extracted from real, developer-focused websites. Each file is a complete design system specification that AI agents can read to generate pixel-perfect, brand-consistent UI. What is DESIGN.md? DESIGN.md is a concept introduced by Google Stitch — a plain-text design system document that AI agents read to generate consistent UI. It's just a markdown file. Drop it into your project root and any AI coding agent instantly understands how your UI should look. How to Use 1. User says "make it look like [brand]" → Find the matching reference file below 2. Read the reference file from references/{site-name}.md 3. Copy the DESIGN.md content into the user's project root as DESIGN.md 4. Use the design tokens (colors, typography, spacing, components) when generating UI code Available Design Systems AI & Machine Learning Site Reference Style ------ ----------- ------- Claude references/claude.md Warm terracotta accent, clean editorial layout Cohere references/cohere.md Vibrant gradients, data-rich dashboard aesthetic ElevenLabs references/elevenlabs.md Dark cinematic UI, audio-waveform aesthetics Minimax references/minimax.md Bold dark interface with neon accents Mistral AI references/mistral.ai.md French-engineered minimalism, purple-toned Ollama references/ollama.md Terminal-first, monochrome simplicity OpenCode AI references/opencode.ai.md Developer-centric dark theme Replicate references/replicate.md Clean white canvas, code-forward RunwayML references/runwayml.md Cinematic dark UI, media-rich layout Together AI references/together.ai.md Technical, blueprint-style design VoltAgent references/voltagent.md Void-black canvas, emerald accent, terminal-native xAI references/x.ai.md Stark monochrome, futuristic minimalism Developer Tools & Platforms Site Reference Style ------ ----------- ------- Cursor references/cursor.md Sleek dark interface, gradient accents Expo references/expo.md Dark theme, tight letter-spacing, cod …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills bighardperson/品牌设计风格专家