LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

setup-design-system - 初始化可访问的设计系统和UI组件

初始化设计系统或创建UI组件,支持可访问性、Tailwind/shadcn集成和文档。

标签

更新于: 2026-05-28

能力

典型输入

典型输出

该技能可以做什么

  • 验证功能分支
  • 评估当前状态
  • 设置设计令牌
  • 配置 Tailwind CSS
  • 配置 shadcn/ui
  • 创建组件结构
  • 设计组件
  • 实现组件
  • 添加可访问性功能
  • 编写测试
  • 运行可访问性审核
  • 执行设计审查
  • 记录设计系统
  • 提交变更

输入

  • Git 仓库
  • 项目目录
  • shadcn/ui 配置
  • Tailwind 配置
  • Figma 设计
  • 品牌指南
  • 现有组件

输出

  • UI 组件
  • 组件文档
  • 提交记录

要求

  • Git
  • TypeScript
  • React 19
  • Vite
  • Tailwind CSS
  • shadcn/ui
  • 功能分支

来源

  • 规范: SKILL.md
设计系统
UI 组件
Tailwind CSS
shadcn/ui
可访问性
TypeScript
React
前端
文档
验证功能分支
评估当前状态
设置设计令牌
配置 Tailwind CSS
Git 仓库
项目目录
shadcn/ui 配置
UI 组件
组件文档
提交记录