自动化工作流前端开发
extract-design-system
从公开网站提取颜色、字体和间距等设计令牌并生成 JSON 与 CSS
从公开网站提取颜色、字体和间距等设计令牌并生成 JSON 与 CSS
extract-design-system 可作为 Agent Skill、命令行工具或 MCP 服务，分析公开网页中的颜色、字体、间距、圆角和阴影，并在项目中生成原始与标准化数据、W3C 兼容的 tokens.json 以及 CSS 自定义属性文件。它适合快速建立可审阅的起始设计系统，但只做单页公开网站提取，不会自动改写现有应用，也不能保证动态或受保护页面完整，更不是组件库或像素级复刻工具。
资源类型
使用场景
运行方式
协议与集成
把界面截图还原成带真实图片资产的可点击原型
为 Vue、Vite 与 Nuxt 项目安装成套开发技能
核心能力
适合人群
GitHub 公开事实最近同步于 2026年7月14日。
让 AI 编程代理按 Vue 3 常见模式编写、测试和排查代码
为 Codex、Claude 等代理复用界面设计与构建工作流。