tailwind-best-practices
规范AI生成Tailwind v4代码，规避v3过时写法
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：tailwind-best-practices。 它的用途是：规范AI生成Tailwind v4代码，规避v3过时写法 完整的 Skill 内容见：https://321skill.com/skills/tailwind-best-practices/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我写一个带渐变背景的primary按钮组件”，它会自动使用Tailwind v4的bg-linear-to-r等新语法生成代码，不会出现v3的旧版类名。
对AI说：“/audit”，它会扫描整个项目的代码文件，找出所有Tailwind v3过时写法并给出对应的v4替换方案。
介绍
当前主流AI编码助手均基于Tailwind v3的数据集训练，生成代码时会大量输出v3专属的过时写法，比如JS格式的配置文件、旧版引入指令、不兼容的透明度、渐变类名等，这些写法在Tailwind v4中无法正常运行，手动排查修正会耗费大量开发时间。 你可以通过npx命令一键将其安装到Cursor、Claude Code、Windsurf等AI编码工具中，也可以手动将skill目录复制到对应工具的专属配置目录下，安装后规则会自动生效，还可使用内置命令批量扫描存量代码问题。 适合所有使用Tailwind CSS v4进行前端开发，且习惯借助AI编码助手提升效率的前端开发者，尤其适合刚从v3升级到v4、对v4新语法规则尚不熟悉的开发人员。 使用前请先确认项目已完成Tailwind CSS v4版本升级，安装后可先运行内置审计命令扫描存量代码，批量修正历史遗留的v3过时写法，后续AI生成代码时会自动遵循v4的最新规范。
核心特点
它专门针对Tailwind v4语法规则设计，内置12条明确的编码规范与存量代码扫描命令，可系统性纠正AI默认生成的v3过时模式，而非通用的Tailwind代码提示工具。
注意事项
仅适用于使用Tailwind CSS v4版本的项目，无法为仍在使用v3版本的项目提供规范校验支持。
常见问题
这个Skill支持Tailwind v3版本的项目吗？
不支持，它仅针对Tailwind v4语法设计，v3项目使用会生成不兼容的代码。
如何批量检查项目里的旧版Tailwind写法？
在AI工具中输入/audit命令，即可自动扫描代码库中的v3反模式并提示修正方案。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/tailwind-best-practices/raw/index.md 读取 tailwind-best-practices 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/tailwind-best-practices/raw/index.md（查看排版版本）