tailwind-design-system - 构建 Tailwind CSS v4 设计系统
使用 Tailwind CSS v4、设计令牌、组件库、响应式模式和无障碍实践构建设计系统。
标签
更新于: 2026-10-16该技能可以做什么
- 定义设计令牌
- 构建组件库
- 创建响应式组件
- 实现无障碍组件
- 配置深色模式
- 迁移 Tailwind v3 项目
- 统一界面模式
输入
- 组件库需求
- 设计令牌定义
- 界面模式规范
- Tailwind 项目文件
- 响应式布局需求
输出
- CSS 配置文件
- 可复用组件文件
- 设计令牌定义
- 响应式界面模式
- 深色模式样式
要求
- Tailwind CSS v4
- 支持 CSS 优先配置