designlang：一键提取网站设计系统

是什么 designlang（Manavarya09/design-extract）是一个从网站反向构建设计系统的 CLI。README 描述它用无头浏览器读取实时 DOM，把颜色、字号、间距、组件、动效、品牌语气与页面意图组织为 DTCG 原始/语义/复合令牌，再生成 Tailwind、Figma 变量、shadcn、跨端代码和 AI 编辑器提示词。

核心设计 价值在于把测量、编译与验证串起来：site 按页面覆盖率合并统一系统并用 OKLab 归并近色；fidelity 比较原站和克隆的截图像素差与动效，输出分数及修正计划；dna 用色彩、字体、空间、形状、动效五轴的 30 个特征描述风格位置。

关键洞察 它把 live DOM 到设计令牌、主题变量、跨平台实现和 MCP 上下文变成一条可复用流水线，适合竞品拆解、旧项目补规范、跨页一致性检查，以及校准 AI 生成页面。截图中的 token 关联、平台标签、编辑器配置、WCAG 修复和品牌 PDF，说明输出面向真实交付。

边界与风险 确定性、MIT 和无需 API key 是明显优势；但 DOM 与可观察状态不等于完整设计意图，自动抽出的语气、交互状态和规则仍需人工复核。多平台 emitter 与 clone 评分能加速验证，却不能替代目标项目的工程接入测试。