Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →lingxling/expo-tailwind-setup
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
Passed 22 of 22 test cases with the skill, and 7 of 22 without it.
and 28 more in the full report
15 fixed7 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 15 test cases the skill fixed. Same model, same prompt, with and without the skill.
When configuring src/global.css for an Expo app running Tailwind v4, should I use the traditional @tailwind base; @tailwind components; @tailwind utilities; directives or different CSS import statements?
| Checked | Without skill | With skill |
|---|---|---|
| Imports tailwindcss/theme.css in global CSS. | Missed | Passed |
| Imports tailwindcss/preflight.css in global CSS. | Missed | Passed |
| Imports tailwindcss/utilities.css in global CSS. | Missed | Passed |
The instructions your model reads when the skill loads.
This guide covers setting up Tailwind CSS v4 in Expo using react-native-css and NativeWind v5 for universal styling across iOS, Android, and Web.
react-native-css and NativeWind v5.This setup uses:
# Install dependencies
npx expo install tailwindcss@^4 [email protected] [email protected] @tailwindcss/postcss tailwind-merge clsx
Add resolutions for lightningcss compatibility:
// package.json
{
"resolutions": {
"lightningcss": "1.30.1"
}
}
test cases passed, vs 7 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.