code-architecture-tailwind-v4-best-practices - Tailwind CSS v4 组件模式指南
指导 Tailwind CSS v4 组件模式和抽象决策
标签
更新于: 2026-03-24能力
典型输入
典型输出
该技能可以做什么
- 配置 Tailwind v4 主题
- 创建按钮变体
- 应用 CSS 优先配置
- 管理组件状态
- 实现无障碍模式
- 从 v3 迁移
- 选择抽象方式
输入
- 设计令牌
- 组件变体
- React 组件属性
- 状态管理需求
输出
- CSS 配置文件
- 样式化组件
- 变体定义
- 迁移指南
要求
- JavaScript 运行时
- Tailwind CSS v4
- TypeScript 支持