extract-design-system
从现有网站反推出可复用的设计基础，包括颜色、间距、字号和交互规则。
推荐使用Codex
Recent Design界面设计设计系统
Arvindrk
Skill 作者
适合职业
- 设计师
- 前端开发者
- 产品经理
兼容工具
- Codex
- Claude Code
- OpenAI Agents
使用场景
- 提取设计系统
- 复刻网站风格
- 建立项目视觉基线
安装指令（将命令发送给 Codex 可直接安装）
完整说明
Skill 简介
extract-design-system 用于分析一个现有网站，把它的设计基础整理成项目可用的 token 和规则。
适合场景
- 从参考网站提取设计语言。
- 为新项目建立颜色、字体、间距和组件基线。
- 让 AI 在改页面时保持视觉一致性。
安装命令
安装说明
运行安装命令后，在对应项目中让 AI 使用该 Skill。建议先阅读 GitHub 仓库说明，再把它加入达灵感项目资源。
使用说明
适合在具体 AI 项目中作为可复用资源保存。使用时，把当前项目背景、目标页面或工作流说明清楚，再调用该 Skill。