Individual skill
weapp-tailwindcss-setup
为新项目配置当前 weapp-tailwindcss v5 与 Tailwind CSS 4，覆盖 uni-app、uni-app x、Taro、Mpx、原生小程序、weapp-vite、Vite、Webpack 5、Rspack、Gulp、独立 CLI 及小程序/H5/Web/App 多端。Use when setting up, installing, integrating, choosing a framework configuration, or building CSS with `weapp-tw`; 不用于旧版迁移、故障诊断、自研构建器、Expo React Native 或 ReactLynx。
skills/weapp-tailwindcss-setup/SKILL.md
Source commit 30b9e52332aa7f7da1df460bd9f17255988e2037
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- Yes
- Observed behavior
- Instructions only
- Last checked
- Nov 7, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 1,865
- Repository last updated
- Nov 7, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- mp Repository topic
- weapp Repository topic
- tailwindcss Repository topic
- webpack Repository topic
- postcss Repository topic
- mini Repository topic
- tailwind Repository topic
- vite Repository topic
- tarojs Repository topic
- uni-app Repository topic
- engineering Derived category
- engineering-web Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 2,706 bytesagents/openai.yamlasset · 314 bytesreferences/framework-matrix.mddoc · 5,521 bytes
Read excerpt
# weapp-tailwindcss setup
基于用户真实项目生成最小、可复制、可验证的接入配置。
## 工作流
1. 读取项目的 `package.json`、Tailwind CSS 入口、框架配置和实际运行脚本。
2. 确认框架、构建器、目标端、包版本、Node 版本；HBuilderX 项目同时确认 IDE 版本。
3. 读取 [references/framework-matrix.md](references/framework-matrix.md)，选择唯一匹配的注册位置和入口模式。
4. 如果用户只需要单个 CSS 入口、stdin/stdout 或 canonicalize，选择独立 CLI；完整小程序项目继续使用 bundler 集成。
5. bundler 项目先建立 Tailwind CSS 4 纯 CSS 入口，再让框架实际引入该入口，最后配置绝对路径 `cssEntries`。
6. 只注册一次 `WeappTailwindcss`。保留业务 PostCSS 插件，但不要在同一次受管构建中再注册 Tailwind 官方生成插件。
7. 多端项目保留 H5/Web 链路，让插件自动选择目标；只有明确完全跳过插件的独立目标才使用 `disabled`。
8. 运行开发态和目标端构建，用新增任意值 class 验证生成、转译与 HMR。