Tailwind v4 迁移与文档速查

该功能基于本地同步的 Tailwind CSS v4 官方文档库与避坑指南（Gotchas），面向前端开发人员解决 Tailwind v4 相关的配置、类名语法、变体选用及版本升级问题。它能指导开发者完成从 v3 到 v4 的迁移（如指令从 @tailwind 变更为 @import、工具链适配 Vite/PostCSS 等），定位已弃用或重命名的原子类，并结合官方工程手册提供合规的代码重构与审查建议。

它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。

常见场景

它能帮你做什么？

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么，或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

“我们项目正在从 Tailwind v3 升级到 v4，请帮我检查现有的 tailwind.config.js 并转换成 v4 支持的 CSS 变量配置”

“在 Tailwind v4 中如何配置自定义主题断点和 @theme 规则？请给出官方文档规范的代码示例”

“请根据 Tailwind v4 官方文档，排查这段使用了旧版 flex、opacity 和 arbitrary value 写法的组件代码”

适用人群

适合谁？

前端开发工程师全栈开发者UI组件库维护者正在进行技术栈升级的项目架构师

上手门槛

使用难度

进阶

需要了解任务流程，页面已整理好使用步骤。

兼容范围

支持哪些 AI？

Codex可直接使用

Claude Code可直接使用

OpenClaw可直接使用

Hermes可直接使用

国内 Agent可直接使用

中文用户增强

Skill Px 做了什么？

中文说明简化使用方式补充中文案例整理安装流程降低理解难度

Tailwind v4 迁移与文档速查.Skill