- 形态
- Agent Skill
- 是否开源
- 是
- GitHub Stars
- ★ 2.3k
- 收录来源
- skill-github
能力说明
这是一个Chrome扩展程序，可以从任何给定的网站提取样式和信息，并生成DESIGN.md或SKILL.md文件。这些文件可以与Google Stitch、Claude Code、Codex等工具一起使用，以根据设计系统蓝图构建网站。生成的文件基于开源的TypeUI DESIGN.md格式。通过该技能，AI可以获得网站的设计系统文档，从而更好地理解和应用设计规范。
能力点
- ▪自动提取页面样式
- ▪生成DESIGN.md文件
- ▪生成SKILL.md文件
- ▪刷新提取结果
- ▪下载生成的文件
- ▪解释生成过程
适用场景
提取网站设计样式生成设计系统文档为AI提供设计技能
接入方式
依赖：Chrome浏览器
1. 打开chrome://extensions；2. 启用开发者模式；3. 点击加载已解压的扩展程序；4. 选择此项目文件夹。
以上信息由 AI 基于公开资料整理，可能存在偏差，以来源为准。
常见问题
如何开始使用？
在Chrome中加载扩展程序，然后访问目标网站进行提取。
生成的文件结构是什么样的？
包括Mission、Brand、Style Foundations等部分。
相关 Skill
material-3-skill
Material Design 3 技能，支持 30+ 组件、设计令牌、主题和响应式布局。
Agent Skillmaterial designui
ppt-image-first
一个 conversation-first、image-first 的 PPT 工作流 skill，逐步推进 PPT 需求至成品。
Agent Skill
drawio-skill
从自然语言生成 draw.io 图表，支持多种预设和导出格式。
Agent Skill
ui-ux-pro-max-skill-cn
为 AI 编码助手提供专业级 UI/UX 设计智能。
Agent Skill
logo-generator-skill
专业SVG标志生成器，提供多种设计变体和展示背景。
Agent Skill
claude-skill-aso-appstore-screenshots
生成高质量的App Store截图，提升应用下载率。
Agent Skill