メニュー
协调 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コマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？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。