菜单
协调 weapp-tailwindcss 全端任务并提供当前安全基线。Use when 用户泛化地询问 weapp-tailwindcss、Tailwind CSS in mini-programs、Web CLI、React Native 或 ReactLynx，或尚未明确是接入、迁移、排障、运行时、自定义构建还是原生跨端集成；具体任务优先路由到对应专用 skill。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
将 weapp-tailwindcss 集成到自研构建器或高级流水线，覆盖 `weapp-tailwindcss/core`、generator、Vite/Webpack/Rspack/Rollup/Rolldown/Gulp 生命周期、ModuleGraph、Tailwind Scanner/source candidates、watch/HMR、source map、weapp-style-injector 和分包样式隔离。Use for custom bundlers, Node API, build adapters, asset graphs, loaders, plugins, or subpackage style injection；普通框架与 CLI 配置使用 setup skill。
为 ReactLynx + Rspeedy 配置 @weapp-tailwindcss/lynx 0.3.2 与 Tailwind CSS 4，覆盖 Rspeedy plugin、Lynx 原生 CSS、静态 className、theme 变量静态化、任意值、encoder 警告和 iOS/Android 运行端验证。Use for ReactLynx, Rspeedy, Lynx native CSS, arbitrary value compatibility, or Lynx bundle styling；不用于 React Native、uni-app App、Web 或普通小程序构建。
为 Expo/React Native 配置 @weapp-tailwindcss/react-native 0.2.5 的 Tailwind CSS 4 编译器、Metro virtual module、Babel JSX transform、style manifest、tw runtime、dark/ios/android/native variants。Use for Expo SDK 54+, React Native 0.81+, Metro, native className, Android/iOS style compilation；不用于 uni-app App、ReactLynx 或普通小程序构建。
基于 SOC 职业分类
正在显示 SKILL.md
| name | weapp-tailwindcss |
| description | 协调 weapp-tailwindcss 全端任务并提供当前安全基线。Use when 用户泛化地询问 weapp-tailwindcss、Tailwind CSS in mini-programs、Web CLI、React Native 或 ReactLynx，或尚未明确是接入、迁移、排障、运行时、自定义构建还是原生跨端集成；具体任务优先路由到对应专用 skill。 |
将泛化请求路由到专用 skill，并在专用 skill 未安装时提供不会破坏当前 v5 构建边界的最小兜底。
| 任务 | Skill |
|---|---|
| 新接入、框架配置、多端配置 | $weapp-tailwindcss-setup |
weapp-tw CLI、Web CSS、单文件小程序 CSS | $weapp-tailwindcss-setup；已有故障转排障 skill |
| 旧项目升级、v4 到 v5 | $weapp-tailwindcss-migrate |
| 样式缺失、转译、HMR、运行端异常 | $weapp-tailwindcss-troubleshoot |
| 动态 class、merge、cva、variants | $weapp-tailwindcss-runtime |
| Core API、自研构建器、样式注入 | $weapp-tailwindcss-custom-build |
| Expo、Metro、React Native | $weapp-tailwindcss-react-native |
| ReactLynx、Rspeedy、Lynx 原生 CSS | $weapp-tailwindcss-lynx |
weapp-tailwindcss 管理的同一次构建中，Tailwind 生成由 WeappTailwindcss 接管；不要再叠加 Tailwind 官方生成插件。.css，必须被项目实际引入；cssEntries 只提供入口语义，不能替代构建图导入。cssEntries 使用由项目根目录解析出的绝对路径。web target，不要默认用 disabled 跳过。classNameSet 精确命中，不使用启发式转译兜底。@weapp-tailwindcss/cli 默认输出 Web CSS；--target weapp 只转换 CSS，不扫描或改写 WXML、JavaScript 与已有 WXSS。className 并输出 Lynx 可消费的 CSS。