Awesome Design MD

Reverse-engineered design systems of 30+ billion-dollar companies, each packed into a single markdown file an agent can consume directly.

What It Is

A curated collection of design system specifications extracted from Apple, Spotify, Airbnb, and other major companies, compressed into standalone .md files. Drop one file into a project and the coding agent builds UI that matches that company's visual language. The reviewed author self-thread resolves to VoltAgent/awesome-design-md; Google design.md is the broader spec/CLI node in the ecosystem, not the Awesome Design MD collection itself. Source: X/@heynavtoor thread, 2026-04-04; Source: GitHub VoltAgent/awesome-design-md, 2026-07-01

Why It Matters

The project validates two patterns Kevin already uses:

1. DESIGN.md as a category. The Frontend and Design Skills skill generates DESIGN.md files that constrain agent output to a specific design system. Awesome Design MD proves the format works at scale across dozens of real-world systems. Source: compiled from X engagement data + wiki context
2. Agent-consumable design specs. Instead of screenshots or Figma links, a single markdown file gives the agent everything it needs. This is the same philosophy behind the taste-* skill family - encode design intent in text, not pixels. Source: compiled from wiki context

Signal Strength

8,011 likes and 18,591 bookmarks (2.3× bookmark-to-like ratio) indicates high save-for-later intent - developers bookmarking this as a reference tool, not just engagement. Source: X/@heynavtoor, 2026-04-04

Source and version snapshot

Deep review corrected the primary source:

• Collection repo: VoltAgent/awesome-design-md, HEAD 664b3e78fd1a298ba11973822da988483256d4b4 when checked on 2026-07-01; no tags were returned by git ls-remote.
• Spec repo: google-labs-code/design.md, HEAD/tag 0.3.0 at 2a19f5dd97ab887971b417ebdf1e7e8fda0c7f79 when checked on 2026-07-01.
• Visual artifact: the reviewed screenshot identifies the collection as "Awesome DESIGN.md Collection" by VoltAgent, MIT licensed, with 55 DESIGN.md files shown in the README badge.

Source: git ls-remote https://github.com/VoltAgent/awesome-design-md.git HEAD refs/tags/*, 2026-07-01; Source: git ls-remote https://github.com/google-labs-code/design.md.git HEAD refs/tags/*, 2026-07-01

The DESIGN.md ecosystem

Awesome Design MD is one node in a fast-forming category. By May 2026 @tranmautritam counted "9 tools doing it so far," confirming DESIGN.md as a recognized format rather than a one-off. Source: X/@tranmautritam, 2026-05-12 (1,198 likes, 1,413 bookmarks)

The format has a spec, aggregators, hosted agent surfaces, and generators:

• Spec — DESIGN.md is now the explicit Google Labs Code spec and CLI for DESIGN.md: YAML design tokens plus Markdown rationale, with lint/diff/export routes for Tailwind and design-token formats. Google Stitch popularized DESIGN.md as a first-class, importable/exportable design-system file; getdesign.md is "built on Google's DESIGN.md spec." Source: GitHub google-labs-code/design.md, 2026-06-26; Source: X/@stitchbygoogle thread, 2026-03-18
• Aggregator — getdesign.md hosts a browsable collection of production-grade DESIGN.md analyses (73 files as of June 2026; "6M+ monthly views"), reverse-engineering brands from Apple, Spotify, Stripe, Linear, and Vercel to Ferrari, Nike, and BMW — and features Awesome Design MD on its homepage. Source: getdesign.md, https://getdesign.md/, 2026-06-12
• Visual-system catalog — Refero Styles describes 2,000+ AI-readable visual systems with colors, typography, spacing, component references, search/filter affordances, and generated DESIGN.md-style context. The reviewed Voxyz artifact shows the live gallery surface with search, style filters, tabs for examples/resources/prompts, and real product-site cards. Treat it as design-spec inspiration and source extraction, not a style to paste wholesale. Source: Refero Styles, 2026-07-03; Source: local artifact wiki/assets/x-bookmarks/2068331748795043999/image-01.jpg, reviewed 2026-07-03
• Hosted agent surfaces — Open Design, Aura, Neuform, Hyperbrowser's design-md route, and TypeUI show the same category pressure from the product side: design context is becoming something agents load, transform, and apply. Some linked pages in the May bookmark were blocked or thin during review, so they stay category evidence rather than promoted tools. Source: X/@tranmautritam thread, 2026-05-12
• Generators — Kevin's Frontend and Design Skills skill generates DESIGN.md files directly; this is the skill-side of the same pattern.

The throughline: a single agent-readable markdown file is becoming the canonical handoff for design intent, replacing screenshots and Figma links. Awesome Design MD proved the format at scale; getdesign.md indexes it; Stitch and taste-stitch produce it.

---

Timeline

• 2026-07-03 | Deep-reviewed the Voxyz Refero Styles artifact: the live surface is a search/filter gallery of 2,000+ AI-readable design systems and product-site cards, strengthening the "reference corpus" layer of the DESIGN.md ecosystem. Source: X/@Voxyz_ai, 2026-06-20; Refero Styles, 2026-07-03
• 2026-07-01 | Deep-reviewed @heynavtoor's self-thread and artifact screenshot. Corrected the primary repo to VoltAgent/awesome-design-md, preserved Google design.md as the spec node, and recorded current HEAD/tag snapshots. Source: X/@heynavtoor, 2026-04-04; GitHub, 2026-07-01
• 2026-06-30 | Deep-reviewed @tranmautritam's "DESIGN.md as category" bookmark and local source-list screenshot. Added Refero Styles as the concrete current catalog and clarified the category split: spec, aggregator, visual-system catalog, hosted agent surfaces, and generators. Source: X/@tranmautritam, 2026-05-12; Refero Styles, 2026-06-30
• 2026-06-26 | Linked the category page to DESIGN.md, the Google Labs Code spec/CLI for lintable, diffable, exportable DESIGN.md files. Source: raw/github/google-labs-code_design.md-repo-2026-06-26.json; GitHub README, 2026-06-26
• 2026-04-04 | Shared on X by @heynavtoor (8,011 likes, 18,591 bookmarks — #17 in corpus). Source: X/@heynavtoor, 2026-04-04
• 2026-06-12 | Top-25 absorption; self-thread confirms GitHub repo link. Source: x-bookmark-absorb, 2026-06-12
• 2026-06-12 | Added DESIGN.md ecosystem context: @tranmautritam's "9 tools" category call (1,413 bookmarks) and the getdesign.md aggregator (73 files, built on Google's DESIGN.md spec). Source: X/@tranmautritam, 2026-05-12 · Source: getdesign.md, https://getdesign.md/, 2026-06-12