用途
DESIGNMD.fun 定位为“决策级 AI 系统”，面向在复杂、高风险环境中工作的企业负责人，同时面向开发者与 AI 设计工程师。它的核心作用是把一个公开网站 URL 转成 AI 可读的设计文档（design.md 及配套 token 文件），从而为 Claude Code、Cursor、Windsurf 等 AI 编程工具提供真实的设计上下文，减少 AI 生成 UI 时随意发明颜色、字号或间距的问题。
主要能力
据官方页面，输入一个公开网站域名即可触发分析，一次可生成约 10 个 AI-ready 文件。输出内容包括：颜色 token（以角色划分，如 primary #165DFC、background #0A0A0C 等）、排版（页面提到 Satoshi 字体与 Display Extrabold、字体尺度）、CSS 变量、间距节奏、阴影、按钮与卡片等基础组件、动效规则，以及为 AI 代理准备的提示词或规则配置。完整导出包包含 8 个交叉引用的文件：design.md、tokens.json、tailwind.config.ts（Tailwind v4）、variables.css、colors.json、typography.json、components.md、prompt.md；页面其他位置还列出 animations.md、figma-tokens.json 等。Tailwind v4 支持生成原生 @theme 配置，包含 --color-primary、--font-sans、--radius-lg 等变量。同时支持导出标准 CSS Custom Properties 和符合 W3C 规范的 Design Tokens JSON，兼容 Figma Tokens 与 Style Dictionary。
提取流程分四步：粘贴 URL（渲染出访客所见页面）、AI 分析（颜色归入角色、字号归入尺度、间距归入节奏）、生成文件（一次性写出多种格式并保持一致）、下载 ZIP（放入仓库或粘贴给 AI 代理）。
使用方式
在生成器输入框中粘贴任意公开网站地址，工具通过无头提取引擎读取渲染后的 DOM、计算精确样式并合成 token 尺度。随后可下载 ZIP 或直接复制针对具体工具的配置：Claude Code（Claude CLI 提示词）、Cursor（.cursorrules 配置）、Windsurf（cascade rules）、Lovable（系统提示词）、v0 by Vercel（React 提示词）。页面还提供与 Aider、Claude Code、Cline、Codex、Continue.dev、Cursor、Devin、GitHub Copilot、Google Stitch、Kiro、v0 与 Lovable、Windsurf 等的 DESIGN.md 配合使用指南。
适用场景
适用于需要快速获取竞品或参考产品设计系统的开发团队、需要为 AI 编码代理注入统一设计规则的产品团队，以及希望复用现有界面设计 token 的 SaaS 或客户项目（页面称生成的 token、Tailwind 配置与 CSS 变量可免版税用于商业项目）。同时提供公开设计库（已按同一 DESIGN.md 格式记录的品牌设计系统）、组件库、设计灵感与分类浏览。
限制与收费
页面称无需注册即可免费开始，免费层每月 5 次提取并含 design.md 与 token JSON 下载；另有更高额度与团队方案，具体价格以页面实际显示为准。提取数据据称在临时浏览器实例中无状态处理，私密分析不被索引或出售。关于暗色/浅色模式，工具使用 OKLCH 感知均匀空间计算亮度并分类表面、文字与品牌强调色。页面未明确说明分析失败的网站类型或语言支持范围等限制。
