它能做什么
中文摘要
「extract-design-system」的原始 GitHub SKILL.md 将它定位为：Extract design primitives from a public website and generate starter token files for your project.。它的核心价值是约束界面层级、组件状态、可访问性和视觉验收细节；强化 Agent 的规划、分工、浏览器操作和自主调试能力。文档重点章节包括「Before You Start」「Workflow」「Safety Boundaries」。
为什么推荐
推荐理由
推荐它，是因为它在「设计与 UI」分类里热度靠前（安装量 124,500），同时原始文档信息密度足够高。原文列出的执行要点包括：the target public website URL；whether the user wants extraction only or starter files too。对经常重复的任务来说，这类 Skill 能把经验沉淀到工作流前端，减少临场猜测。
什么时候用
适用场景
- 做界面实现、组件重构、视觉验收或设计系统一致性检查
- 提升 Agent 的规划、调试、浏览器自动化和多代理协作能力
- 做内容增长、SEO、品牌表达、营销实验和转化优化
使用前先看
主要亮点
- 01
适合把现有界面拆成可复用的设计原语。
- 02
可为新项目快速补齐 token 文件和基础样式。
- 03
原文侧重从 public website 提取信息，别指望自动生成完整系统。
原始文档
原文摘录
Extract design primitives from a public website and generate starter token files for your project.