LogoClawIndex
案例技能关于
LogoClawIndex

setup-design-system - 初始化可访问的设计系统

初始化或扩建设计系统,包含可访问UI组件、Tailwind/shadcn集成和文档。

标签

更新于: 2026-05-28
设计系统UI组件Tailwind CSS可访问性组件库shadcn/uiReact

能力

典型输入

典型输出

该技能可以做什么

  • 验证功能分支
  • 评估当前状态
  • 创建设计令牌
  • 配置Tailwind
  • 设置shadcn/ui
  • 构建UI组件
  • 实现可访问性
  • 编写测试
  • 记录组件文档

输入

  • 功能分支
  • 设计需求
  • 品牌指南
  • 调色板
  • Figma设计
  • TypeScript项目

输出

  • 设计令牌
  • UI组件
  • Tailwind配置
  • 组件文档

要求

  • Git仓库
  • Tailwind CSS
  • shadcn/ui
  • React 19
  • TypeScript
  • Node.js
  • Vite

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
验证功能分支
评估当前状态
创建设计令牌
配置Tailwind
功能分支
设计需求
品牌指南
设计令牌
UI组件
Tailwind配置