design-context-extract - 从截图或 URL 提取设计令牌
从截图或 URL 提取设计令牌,包括颜色、字体、间距和组件
标签
更新于: 2026-06-30能力
典型输入
典型输出
该技能可以做什么
- 读取图片
- 获取 URL
- 提取颜色
- 提取字体
- 提取间距
- 提取组件
- 生成令牌
- 生成 Tailwind 配置
- 生成 CSS 变量
- 生成 Markdown 文档
输入
- 截图文件
- 网页 URL
- 项目样式
输出
- 设计令牌文件
- Tailwind 配置文件
- CSS 变量文件
- Markdown 文档
要求
- 多模态模型
- Claude Code 2.1.183+
- 可选:Google Stitch MCP 服务器
