LogoClawIndex
案例技能关于
LogoClawIndex

tailwind - Tailwind CSS v4 最佳实践

优化 Tailwind CSS v4 构建性能和 CSS 输出

标签

更新于: 2026-03-23
CSS 框架性能优化前端开发响应式设计深色模式

能力

典型输入

典型输出

该技能可以做什么

  • 配置 Tailwind v4
  • 优化构建性能
  • 优化 CSS 生成
  • 最小化 CSS 输出
  • 编写 v4 代码
  • 审查 CSS 代码
  • 重构样式
  • 配置 @theme 指令
  • 应用工具类
  • 设计响应式布局
  • 启用深色模式
  • 使用容器查询

输入

  • Tailwind CSS 项目
  • @theme 配置
  • 构建配置

输出

  • 优化后的 CSS 包
  • 改进的配置文件
  • 代码建议

要求

  • Node.js 20+
  • 兼容的构建工具

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
配置 Tailwind v4
优化构建性能
优化 CSS 生成
最小化 CSS 输出
Tailwind CSS 项目
@theme 配置
构建配置
优化后的 CSS 包
改进的配置文件
代码建议