extract-design-system

extract-design-system 由 GitHub 用户 arvindrk 发布。给它一个公开网页的地址，它会提取页面用到的颜色、排版、间距等设计变量（design tokens），输出 tokens.json 和 tokens.css 两个文件。作者说它可以当 AI Skill 用，支持 Claude、Cursor、Codex，也可以单独当命令行工具跑。想把一个现成网站的视觉规律整理成自己项目的样式变量时，这一步能省下不少手工比对。

适合谁：做网页的前端和设计师，想快速整理参考网站的配色和排版。不写代码的读者用起来会比较吃力。

使用前提：用 skills 命令行安装，需要 Node 环境。说明文字主要是英文。提取别人的网站只是拿来参考，品牌图形和受保护的页面内容不能直接照搬，访问目标网站也要遵守它的使用条款。许可证是 MIT。

以上根据项目公开说明整理，本站没有实际测试。