LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

style-extractor - 网页UI样式与动效提取工具

从网页界面提取可复用的设计系统,包括色彩、排版、间距、组件和动效时序。

标签

更新于: 2026-02-11
网页设计样式提取动效分析设计系统UI文档基于证据

能力

典型输入

典型输出

该技能可以做什么

  • 提取网页UI样式
  • 捕获动效证据
  • 创建语义化令牌
  • 生成样式指南
  • 截取屏幕截图
  • 执行脚本评估

输入

  • 网站URL
  • 网页仓库
  • Chrome MCP工具
  • 项目名称
  • 样式变体
  • 动效重要性

输出

  • 样式指南Markdown文件
  • 带截图的证据文件夹
  • CSS/JS跟踪数据
  • 动效分析
  • HTML原型

要求

  • Chrome MCP访问权限
  • 文件系统写入权限
  • 项目目录结构
  • 证据收集时间

来源

  • 规范: SKILL.md
提取网页UI样式
捕获动效证据
创建语义化令牌
生成样式指南
网站URL
网页仓库
Chrome MCP工具
样式指南Markdown文件
带截图的证据文件夹
CSS/JS跟踪数据