style-extractor - 网页UI样式与动效提取工具
从网页界面提取可复用的设计系统,包括色彩、排版、间距、组件和动效时序。
标签
更新于: 2026-02-11能力
典型输入
典型输出
该技能可以做什么
- 提取网页UI样式
- 捕获动效证据
- 创建语义化令牌
- 生成样式指南
- 截取屏幕截图
- 执行脚本评估
输入
- 网站URL
- 网页仓库
- Chrome MCP工具
- 项目名称
- 样式变体
- 动效重要性
输出
- 样式指南Markdown文件
- 带截图的证据文件夹
- CSS/JS跟踪数据
- 动效分析
- HTML原型
要求
- Chrome MCP访问权限
- 文件系统写入权限
- 项目目录结构
- 证据收集时间
