「DesignMD」把任意 URL 提炼成 DESIGN.md：给 Cursor、Claude Code 用的设计系统上下文

DesignMD 做的是一个很适合 AI 编码时代的小工具：把一个公开网页的前端设计系统，整理成可以直接丢给 Cursor、Claude Code、GitHub Copilot、Windsurf 这类编码代理读取的 DESIGN.md。

它不是让模型看一张截图后“猜”设计，而是分析目标 URL 实际返回的 DOM 和 CSSOM，把颜色、字体、CSS 变量、间距、断点、交互状态和组件模式这些信息抽出来。对正在复刻页面、重做产品界面，或者想让 AI 写出来的 UI 更贴近参考站点的人来说，这比口头描述“做得像某某网站”要稳得多。

设计上下文终于能像代码上下文一样交给 AI

传统给 AI 讲视觉规范，往往要手动截屏、描述字号、猜颜色，再反复修。DesignMD 的思路更直接：粘贴 URL，拿到一份结构化 markdown 规范，然后把它放进项目里作为 DESIGN.md 或 AGENTS.md 上下文。编码代理读到的是可检索、可引用的 token 和组件规则，而不是一段模糊审美要求。

官网目前写明它免费、无需注册，每个 IP 每天可以做 5 次分析。这个限制对高频批量抓取不算够，但对临时研究一个 landing page、竞品页面，或者为一个重构任务补齐视觉上下文，已经很够用。

我比较喜欢它把输出目标明确锁定在 AI coding agent 上：不是再造一个设计稿工具，也不是单纯 CSS 抽取器，而是把生产页面里的设计信号压成一份 AI 能稳定消费的文档。对独立开发者、前端工程师和正在用 AI 搭界面的产品人，这个位置很清楚。