tailwind - Tailwind CSS v4 最佳实践指南
提供8个类别共42条最佳实践，优化Tailwind CSS v4构建性能和代码质量
标签
更新于: 2026-03-23能力
典型输入
典型输出
该技能可以做什么
- 配置 Tailwind CSS v4
- 编写 CSS-first 样式
- 优化 CSS 打包体积
- 实现响应式设计
- 使用 @theme 设置主题
- 审查 Tailwind 代码
- 重构 Tailwind 代码
- 使用容器查询
- 启用暗色模式
- 创建自定义工具类
- 定义断点
- 应用工具类模式
输入
- Tailwind CSS v4 项目
- CSS 配置文件
- Vite 构建工具
- PostCSS 配置
- @theme 指令
- 工具类
输出
- 优化后的 CSS 包
- 配置好的 Tailwind 设置
- 响应式设计实现
- 主题化组件
- 性能建议
要求
- Node.js 20+
- Tailwind CSS v4
- Vite 或 CLI 构建工具
- PostCSS 支持