LogoClawIndex
案例技能关于
LogoClawIndex

stave-design-system - Stave 桌面优先设计系统指南

在修改 UI、布局、主题及对话框等任务中应用 Stave 桌面优先设计系统与 shadcn 组件。

标签

更新于: 2026-09-22

能力

典型输入

典型输出

该技能可以做什么

  • 应用 Stave 桌面设计系统
  • 使用已有 shadcn 组件
  • 生成缺失的 shadcn 组件
  • 应用语义化 CSS 颜色 Token
  • 验证浅色与深色主题
  • 确保键盘焦点可视化状态

输入

  • UI 设计任务或提示词
  • components.json 配置文件
  • shadcn 组件清单
  • CSS 自定义属性 Token

输出

  • 更新后的 UI 组件
  • 生成的 shadcn 组件文件
  • index.ts 中重导出的组件
  • 更新后的 UI 文档

要求

  • Bun 运行时
  • shadcn CLI 工具
  • Claude 或 Codex 工具兼容性

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
设计系统
ui
shadcn
stave
桌面工作区
应用 Stave 桌面设计系统
使用已有 shadcn 组件
生成缺失的 shadcn 组件
应用语义化 CSS 颜色 Token
UI 设计任务或提示词
components.json 配置文件
shadcn 组件清单
更新后的 UI 组件
生成的 shadcn 组件文件
index.ts 中重导出的组件