agentsclimarketplace

Design md library

Skill JZKK720/cubecloud-skilldbundle-setup/upstream/design-md-library

One-command setup for a full VS Code Copilot Chat agent-skills stack on Windows. 104 skills, 12 CLIs, 7 MCP servers, 74 design systems — all security-gated by SkillSpector.

Install
npx -y skills add JZKK720/cubecloud-skilldbundle-setup --skill design-md-library

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

3 things to look at

  • 17 days oldThe repository was created 17 days ago. New is not bad, but a brand new repository carrying a familiar-sounding name is the shape a typosquat arrives in, and there has been no time for anyone else to find a problem with it.
  • no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
  • 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

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/.

SKILL.md

4.3 KB, as published. Nobody here has run it

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.

Gives 0 of the 12 instructions most design systems skills give

Counted across 528 of the 534 authors here whose files we hold, read 2026-08-06

  • create a custom theme if neededin 54 of 528, across 10 files
  • read the corresponding theme filein 54 of 528, across 10 files
  • ask which theme to applyin 53 of 528, across 9 files
  • show the theme showcasein 53 of 528, across 9 files
  • maintain visual identity across all slidesin 50 of 528, across 6 files
  • apply the specified colors and fontsin 47 of 528, across 3 files
  • get explicit confirmationin 45 of 528, across 1 file
  • Generate a design system before codingin 19 of 528, across 6 files
  • Maintain at least 4.5:1 color contrast ratioin 19 of 528, across 8 files
  • Describe component shapes, colors, shadows, and interaction statesin 18 of 528, across 4 files
  • Check Python installation and install if missingin 17 of 528, across 4 files
  • Default to html-tailwind if stack is unspecifiedin 17 of 528, across 4 files

Said here and by no other author read

  • identify the brand the user wants to emulate
  • check if the site is in the index
  • apply the DESIGN.md verbatim when generating UI
  • fallback to the closest category match if missing
  • ask if the user wants a generic design system
  • read the README for a one-line description

Grouped from the skills themselves: near-identical wordings counted once, and counted by distinct author, so one author publishing three of these counts once.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.