1. 从现成网站「拆」出 DESIGN.md
http://designmd.me
贴一个 URL,爬关键页面的计算样式,吐出结构化 DESIGN.md,还有 HTML 预览和一键进 Figma。示例站点就是 Apple、Stripe、Linear、GitHub、Notion 这类。
http://designmd.supply
输入任意公有域名,按 Google 那套章节生成一份可喂给 agent 的文件。背后用 http://Context.dev 抽 styleguide。
http://aura.build
本身是落地页/模板生成器,现在也做成「网站或模板 → DESIGN.md」库,强调把视觉方向变成可复用的 prompt 上下文。
http://styles.refero.design
Refero 把大量真实产品站整理成 AI 可读的 design system 示例,按 Minimal、Clean SaaS、Editorial、High Contrast 这
2. 现成风格库 + 一条命令装进项目
适合不想从零写,先借一套成熟视觉语言。
getdesign.md
有目录,也有 CLI:npx getdesign add <slug>,直接在项目根目录写出 DESIGN.md。明确面向 Cursor / Claude Code / v0 / Lovable。
同类站点还有 http://designmd.ai、http://designmd.co、http://webdesignhot.com 这种「几百份品牌风 DESIGN.md 目录」,帖子里没全列,但生态已经很大。
3. 把 DESIGN.md 当成整个设计工作台的核心
http://open-design.ai
开源、本地优先的 Claude Design 替代。不自己卖模型,调用你本机已有的 Claude Code / Cursor / Codex 等 agent,用可组合 Skill + 便携 DESIGN.md 出原型、页面、幻灯片、仪表盘。定位是「agent 时代的 Figma 替代思路」:产出是真 HTML/CSS,不是平面稿。
http://typeui.sh
给 AI 编码工具喂设计上下文的平台:从主题、Markdown 或 Figma 生成设计系统,再通过 MCP 接到 Codex / Claude / Cursor。也有 CLI 去 pull / generate skill 文件。
Neuform(http://neuform.ai)和 Hyperbrowser 的 DESIGN-MD(http://design-md.hyperbrowser.ai)
一个偏生成/变形界面风格,一个偏用浏览器能力从页面抽设计文档。帖子把它们和 TypeUI 放在同一排,当「能产出可给 agent 用的设计描述」的入口。