LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

design-spec - 面向开发交接创建 UI/UX 设计规范文档

从需求、PBI 或视觉输入中生成包含组件清单、设计 Token、交互状态与响应式断点的结构化 UI/UX 设计规范文档。

标签

更新于: 2026-09-20

能力

典型输入

典型输出

该技能可以做什么

  • 提取输入中的 UI 需求
  • 构建 UI 组件清单
  • 定义元素交互状态
  • 提取视觉设计 Token
  • 记录响应式断点行为
  • 生成 Markdown 设计规范文件

输入

  • PBI 或用户故事
  • 需求文档
  • Figma 设计链接
  • 线框图或截图
  • 设计系统参考文档

输出

  • team-artifacts/design-specs/ 目录下的设计规范 Markdown 文件

要求

  • 文件操作工具(Read、Write、Edit、Grep、Glob)
  • 用于图像处理的多模态能力支持

来源

  • 规范: SKILL.md
设计规范
UI/UX
组件清单
设计 Token
响应式设计
项目管理
提取输入中的 UI 需求
构建 UI 组件清单
定义元素交互状态
提取视觉设计 Token
PBI 或用户故事
需求文档
Figma 设计链接
team-artifacts/design-specs/ 目录下的设计规范 Markdown 文件