OpenSource-Hub

awesome-design-md

Awesome リスト

VoltAgent/awesome-design-md

厳選されたデザインシステムのDESIGN.mdファイルを使用して、AIが一致するUIを生成します。

概要

流行ブランドのデザインシステムのDESIGN.mdファイル分析コレクション。ファイルをプロジェクトに配置すれば、AIコーディングエージェントがマッチするUIを生成します。実際のデザインの深さに基づき、高品質なUI生成を実現します。

README プレビュー

\n\n     \n\n\n\n\n\n\n\n    Curated collection of DESIGN.md analysis by developer focused websites.\n    \n    \n\n\n\n\n\n[](https://awesome.re)\n\n[](https://github.com/VoltAgent/awesome-design-md)\n[](https://s.voltagent.dev/discord)\n\n\n\n\n# Awesome DESIGN.md\n\nCopy a DESIGN.md into your project, tell your AI agent “build me a page that looks like this,” and generate high-quality UI that stays visually consistent with the design language.\n\nBuilt with real design depth — including analyzed patterns, tokens, and rules — for high-quality UI generation, not surface-level outputs.\n\n\n## What is DESIGN.md?\n\n[DESIGN.md](https://stitch.withgoogle.com/docs/design-md/overview/) is a new concept introduced by Google Stitch. A plain-text design system document that AI agents read to generate consistent UI.\n\nIt's just a markdown file. No Figma exports, no JSON schemas, no special tooling. Drop it into your project root and any AI coding agent or Google Stitch instantly understands how your UI should look. Markdown is the format LLMs read best, so there's nothing to parse or configure.\n\n| File | Who reads it | What it defines |\n|------|-------------|-----------------|\n| `AGENTS.md` | Coding agents | How to build the project |\n| `DESIGN.md` | Design agents | How the project should look and feel |\n\n**This repo provides ready-to-use DESIGN.md files** extracted from real websites. \n\n## Request a DESIGN.md\n\nYou can [request a DESIGN.md](https://getdesign.md/request) for specific website, including private requests delivered exclusively to you.\n\n## AI Design + Build Ecosystem Tools\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n👉 Feature your product alongside the developers, designers, and vibecoders shipping UI with AI coding agents and web builders.\n\nRanked #150 globally on GitHub. A community resource used by developers, designers, and vibecoders.\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n## Collection\n\n### AI & LLM Platforms\n\n- [**Claude**](https://getdesign.md/claude/d