design-md-library

name

design-md-library

description

Curated library of 74 real-world DESIGN.md files (Google Stitch spec) extracted from sites like Apple, Stripe, Linear, Vercel, Notion, Airbnb. USE WHEN the user wants a design system to ground UI generation, says "make it look like [brand]", "use the [brand] design system", wants to build a page matching a known site's visual language, asks for design tokens/colors/typography for a named brand, or references DESIGN.md / Stitch / VoltAgent awesome-design-md. Returns the path to the matching DESIGN.md so the agent can read and apply it. Not a generator itself — it's an index into the fork mirror at ~/dev/forks/JZKK720/awesome-design-md/design-md/.

design-md-library

Index into the awesome-design-md collection (VoltAgent/awesome-design-md, MIT). 74 DESIGN.md files extracted from real websites, each following the Google Stitch DESIGN.md spec (9 sections: visual theme, color palette, typography, components, layout, depth, do/don'ts, responsive, agent prompt guide).

Where the files live

The fork mirror is at:

~/dev/forks/JZKK720/awesome-design-md/design-md/<site>/DESIGN.md

Each <site>/ dir also has a README.md with a one-line description. Read the DESIGN.md for the full design system; the README is just a label.

How to use

1. Identify the brand/site the user wants to emulate (e.g. "make it look like Stripe", "use the Linear design system", "build a page in the Vercel style").
2. Check if that site is in the index below. If yes, read_file the DESIGN.md at the path shown and apply it verbatim — it already contains the agent prompt guide.
3. If the user names a brand NOT in the index, tell them it's not in the library and either (a) fall back to the closest match by category, or (b) ask if they want a generic design system instead. Do not fabricate a DESIGN.md.
4. Do NOT copy the DESIGN.md into the project unless the user asks. Just read it and follow its rules when generating UI.

Categories (for fallback matching)

• AI & LLM Platforms: claude, cohere, elevenlabs, minimax, mistral.ai, ollama, opencode.ai, replicate, runway, together.ai, voltagent, x.ai
• Developer Tools & IDEs: cursor, expo, lovable, raycast, superhuman, vercel, warp
• Backend, Database & DevOps: clickhouse, composio, hashicorp, mongodb, posthog, sanity, sentry, supabase
• Productivity & SaaS: cal, intercom, linear, mintlify, notion, resend, zapier
• Design & Creative Tools: airtable, clay, figma, framer, miro, webflow
• Fintech & Crypto: binance, coinbase, kraken, mastercard, revolut, stripe, wise
• E-commerce & Retail: airbnb, meta, nike, shopify, starbucks
• Media & Consumer Tech: apple, hp, ibm, nvidia, pinterest, playstation, spacex, spotify, theverge, uber, vodafone, wired
• Automotive: bmw, bmw-m, bugatti, ferrari, lamborghini, renault, tesla
• Retro Web: dell-1996, nintendo-2001

Full index (site → path)

For any <site> below, the DESIGN.md is at ~/dev/forks/JZKK720/awesome-design-md/design-md/<site>/DESIGN.md.

ai-&-llm-platforms: claude, cohere, elevenlabs, minimax, mistral.ai, ollama, opencode.ai, replicate, runway, together.ai, voltagent, x.ai developer-tools: cursor, expo, lovable, raycast, superhuman, vercel, warp backend-devops: clickhouse, composio, hashicorp, mongodb, posthog, sanity, sentry, supabase productivity-saas: cal, intercom, linear, mintlify, notion, resend, zapier design-creative: airtable, clay, figma, framer, miro, webflow fintech-crypto: binance, coinbase, kraken, mastercard, revolut, stripe, wise ecommerce-retail: airbnb, meta, nike, shopify, starbucks media-consumer: apple, hp, ibm, nvidia, pinterest, playstation, spacex, spotify, theverge, uber, vodafone, wired automotive: bmw, bmw-m, bugatti, ferrari, lamborghini, renault, tesla retro-web: dell-1996, nintendo-2001

Notes

• The DESIGN.md files are extracted from public CSS values of public websites. The repo's LICENSE (MIT) explicitly states these are provided "as is" and do not claim ownership of any site's visual identity.
• The library is a fork mirror, not a dependency. Updating means git pull in the fork dir; the index above is a snapshot of what was present at install time.
• If a site the user names is missing, the upstream repo accepts requests at https://getdesign.md/request — but do not make requests on the user's behalf.