tailwind-design-system - 使用 Tailwind CSS 构建设计系统
使用 Tailwind CSS、设计令牌、组件库、响应式模式和无障碍实践构建设计系统。
标签
更新于: 2026-10-04能力
典型输入
典型输出
该技能可以做什么
- 定义设计令牌
- 构建组件库
- 创建响应式组件
- 统一界面模式
- 配置深色模式
- 实现无障碍组件
输入
- Tailwind CSS 项目
- 设计需求
- 现有界面模式
- 代码库结构
输出
- 设计令牌定义
- Tailwind 配置
- 可复用组件
- 响应式界面模式
- 无障碍表单组件
- 深色模式配色方案
要求
- Tailwind CSS 环境