LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

ui-style-format - UI设计样式格式规范

定义UI设计样式的文件格式架构,支持参考图片

标签

更新于: 2026-03-11

能力

典型输入

典型输出

该技能可以做什么

  • 读取design-style.md文件
  • 解析markdown表格
  • 验证样式文件
  • 分割markdown标题
  • 提取键值对
  • 解析参考图片路径
  • 列出参考图片
  • 验证十六进制颜色码
  • 检查文件是否存在
  • 匹配组件
  • 比较实现效果
  • 验证样式令牌

输入

  • .claude/design-style.md
  • .claude/design-references/
  • 参考图片(PNG/JPG/WebP)
  • MANIFEST.md
  • 实现截图

输出

  • 解析的样式定义
  • 参考图片链接
  • 验证结果
  • 提取的章节
  • 提取的键值对
  • 解析的图片路径
  • 参考图片列表
  • 样式令牌
  • 比较结果

要求

  • .claude目录结构
  • markdown解析器
  • 表格解析器
  • PNG/JPG/WebP支持
  • UI agent集成
  • 1.x或2.x版本兼容

来源

  • 规范: SKILL.md
UI设计
样式格式
规范
参考图片
设计系统
markdown
验证
读取design-style.md文件
解析markdown表格
验证样式文件
分割markdown标题
.claude/design-style.md
.claude/design-references/
参考图片(PNG/JPG/WebP)
解析的样式定义
参考图片链接
验证结果