Individual skill
weapp-tailwindcss-react-native
为 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 或普通小程序构建。
skills/weapp-tailwindcss-react-native/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,271 bytesagents/openai.yamlasset · 305 bytesreferences/expo-integration.mddoc · 3,433 bytes
Read excerpt
# weapp-tailwindcss React Native
使用独立 Native 编译器把 Tailwind CSS 4 候选编译为 React Native style manifest，不套用小程序 CSS 产物链。
完整的 Metro 配置字段和 manifest 参考见站点的 [React Native / Expo 配置参考](https://tw.weapp.dev/zh-cn/docs/config/react-native)。
## 工作流
1. 确认项目是 Expo/React Native，而不是 uni-app App、Taro RN 或 App WebView。
2. ReactLynx/Rspeedy 项目转到 `$weapp-tailwindcss-lynx`；它保留 className 并生成原生 CSS，不使用 RN manifest。
3. 检查 Expo、React、React Native、Node 和 Tailwind CSS 版本。
4. 读取 [references/expo-integration.md](references/expo-integration.md)，建立 `global.css`、Metro 包装和类型入口。
5. Expo 默认只配置一次 `withWeappTailwindcss()`；它负责 source、manifest 和 Babel JSX transform，不维护第二份 class set。
6. 静态 `className` 走预生成 StyleSheet lookup；动态完整字符串才使用受控 `tw()`。