安装
npx skills add arvindrk/extract-design-system适合谁
需要从公开网站反推设计令牌，并给本地项目生成起始 JSON 和 CSS 自定义属性时，再装这条 Skill。官方覆盖 colors、typography、spacing、border radius、shadows，并可作为 AI agent skill（Claude、Cursor、Codex）或 standalone CLI 使用。
适合要快速拿到 starter tokens、而不是一整套组件库的人。正文列出这三个代理，同时也写了独立 CLI，不要理解成只支持其中某一个。若目标站点不能公开访问，或你指望它改框架配置、自动改应用，这条技能对不上。
页面： https://github.com/arvindrk/extract-design-system
3 分钟完成第一次尝试
只走这一条安装命令：
npx skills add arvindrk/extract-design-system
前置条件：你有一个本地项目，并且准备从「可公开访问的单页」抽令牌；你接受它会写入官方列出的文件。不要指定未出现的目录。
第一次先核对范围，不要立刻写文件。向代理确认：能抽哪些令牌、会生成哪些文件、哪些事它不会做。成功信号是代理说出 colors / typography / spacing / border radius / shadows，并列出 .extract-design-system/raw.json、.extract-design-system/normalized.json、design-system/tokens.json、design-system/tokens.css；同时复述 Public websites only、Single-page extraction workflow、Starter tokens, not a full component library、No framework config patching or automatic app rewrites。
确认后，再用官方示例请它提取： https://stripe.com 并 generate starter token files for this project。成功信号是上述四个文件出现，且框架配置未被改动。页面写了 standalone CLI，但没有给出启动命令，不要编造。
使用案例
案例一：按官方示例抽 Stripe。原文是 Extract the design system from https://stripe.com and generate starter token files for this project。这是写文件和访问外网，执行前先确认项目目录无误。能核对的是得到起始令牌文件，而不是一套组件。
案例二：换另一个公开单页，仍只产起始令牌。把任意可公开打开的一页交给代理，要求只抽令牌、不改应用。成功信号仍是那四份官方文件，并且代理拒绝补框架补丁。多页站点不要假设它会爬完全站，正文写明 single-page。
使用边界
只接受公开网站。非公开、需登录的页面不在范围内。
一次只抽一页。产物是 starter tokens，不是完整组件库。
不会做 framework config patching，也不会 automatic app rewrites。
输出路径以正文为准，不要改名或另存到未写出的位置。
Claude、Cursor、Codex 与 standalone CLI 都写在原文里，不要写成独家支持。CLI 启动方式未给出，不要发明。未写出的选择器、登录态和批量域名都不要补。