designmd

DesignMD 在无头浏览器中测量真实的生产网站，以捕获计算样式、CSS 级联排版、实时 @media 断点以及来自 CSSOM 的悬停/聚焦状态。它将这些测量数据综合成一个结构化的 DESIGN.md 规范，开发者可直接将其输入 Cursor、Claude Code、Windsurf、Aider 或 Copilot 等 AI 编程助手。 该 CLI 需要 Node 18+，可通过 npx 运行或全局安装。用法简洁：`dmd stripe.com > DESIGN.md` 将 markdown 流式输出到 stdout，而 `--json` 标志则跳过 LLM 处理，立即输出原始令牌。工具支持通过 DESIGNMD_API 环境变量进行自定义 API 端点以实现自托管。 核心特性包括：实时浏览器测量（而非静态分析）、可穿越 LLM 上下文窗口的便携 markdown 输出、可 diff 和重新生成的规范，以及与主流 AI 编程代理的集成指南。匿名使用限制为每 IP 每天 5 次生成；使用 --json 标志可绕过此限制。 该仓库包含 CLI 源码、针对 Stripe、Linear、Vercel、Notion、Anthropic、Mercury、Figma 和 Airbnb 等网站的示例 DESIGN.md 输出、文档以及集成指南。提取流水线、LLM 提示词和服务器基础设施均为专有。