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
- 功能分支
