expo-tailwind-setup — Skills

What it does

Tailwind CSS v4 - Modern CSS-first configuration

react-native-css - CSS runtime for React Native

NativeWind v5 - Metro transformer for Tailwind in React Native

@tailwindcss/postcss - PostCSS plugin for Tailwind v4

autoprefixer is not needed in Expo because of lightningcss

postcss is included in expo by default

Requirements & configuration

const { getDefaultConfig } = require("expo/metro-config");

const { withNativewind } = require("nativewind/metro");

With Tailwind v4 and NativeWind v5, you do NOT need a babel.config.js for Tailwind. Remove any NativeWind babel presets if present:

Since react-native-css requires explicit CSS element wrapping, create reusable components:

Universal Tailwind CSS v4 styling for Expo apps across iOS, Android, and Web.

Source

Repository: https://github.com/expo/skills

expo-tailwind-setup FAQ

What does the expo-tailwind-setup skill do?

Framework (OSS). Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling Tailwind CSS v4 - Modern CSS-first configuration react-native-css - CSS runtime for React Native

What does expo-tailwind-setup require?

const { getDefaultConfig } = require("expo/metro-config"); const { withNativewind } = require("nativewind/metro"); With Tailwind v4 and NativeWind v5, you do NOT need a babel.config.js for Tailwind. Remove any NativeWind babel presets if present: Since react-native-css requires explicit CSS element wrapping, create reusable components:

How do I install expo-tailwind-setup?

Run: npx -y skills add https://github.com/expo/skills --skill expo-tailwind-setup --agent claude-code — the source lives at github.com/expo/skills.

Maintain expo-tailwind-setup?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![expo-tailwind-setup on getagentictools](https://getagentictools.com/badge/skills/expo-skills-expo-tailwind-setup.svg)](https://getagentictools.com/skills/expo-skills-expo-tailwind-setup?ref=badge)

npx agentictools info skills/expo-skills-expo-tailwind-setup

The second line is the CLI lookup for this page — handy in READMEs and docs.