style-extractor - 提取可复用的 Web UI 样式与动效指南
从网站或 Web 应用提取有证据支持的视觉令牌、组件状态、交互规则和动效行为，生成可复用指南。
标签
更新于: 2026-09-29该技能可以做什么
- 提取可复用样式令牌
- 采集静态界面证据
- 分析组件状态矩阵
- 提取动效行为证据
- 生成结构化指南文件
- 将证据存入指定目录
- 提取前审阅参考包
输入
- 项目名称
- 样式或变体名称
- 源 URL
- Web 仓库
- 动效评估
- 复用目标
- 主要参考包
输出
- 样式指南 Markdown 文件
- 动效指南 Markdown 文件
- 证据清单 Markdown 文件
- 证据目录
- 截图
- 下载的 CSS 和 JS 资源
- 提取笔记
要求
- Chrome MCP 工具
- 源网站或仓库访问权限
- 参考包文件
- 用户输出目录写入权限