用途：TypeUI DESIGN.md Extractor 是一款 Chrome 扩展，用于分析网页并提取其设计系统，生成标准化的 DESIGN.md（设计系统文档）或 SKILL.md（面向 AI 智能体的技能文件），供 AI 编程工具复刻设计系统。
主要能力：自动从任意网页提取设计令牌，涵盖字体（字体族、字号、字重、行高）、颜色（主色、中性色、语义色）、间距、圆角、阴影与动效（时长、缓动）；生成 DESIGN.md 与 SKILL.md；下载生成文件；页面状态变化后可刷新重新提取。
使用方式：可从 Chrome 应用商店安装，或本地开发安装——执行 git clone https://github.com/bergside/design-md-chrome.git 并 cd design-md-chrome，然后在 chrome://extensions 开启开发者模式，点击“加载已解压的扩展程序”选择项目文件夹。基本流程为：打开目标网站，点击扩展图标，点击“Auto-extract”，在弹窗中查看令牌，生成 DESIGN.md 或 SKILL.md 并下载。扩展通过内容脚本 content.js 与消息传递完成提取，支持 extractStyles、generateDesignMD、generateSkillMD、refresh、download 等操作。
适用场景：为 AI 编程工具（Claude Code、Cursor、Codex、Google Stitch）提供设计系统上下文，例如将 DESIGN.md 放入 .claude/ 或 .cursorrules 目录后在提示中引用。
限制：动态内容需等待页面加载完成或 SPA 导航后刷新；Shadow DOM 需额外遍历；跨域 iframe 可能无法访问；可能出现重复或近似令牌，需容差去重；下载依赖正确的 blob MIME 类型。测试可运行 node tests/run-tests.mjs。