Back to skills

expo-tailwind-setup

development

Configures Tailwind CSS v4 in an Expo project using react-native-css and NativeWind v5. Sets up Metro config, PostCSS, global CSS imports, and CSS-wrapped component primitives so className works acros

Setup & Installation

npx skills add https://github.com/expo/expo-tailwind-setup --skill expo-tailwind-setup
or paste the link and ask your coding assistant to install it
https://github.com/expo/expo-tailwind-setup
View on GitHub

What This Skill Does

Configures Tailwind CSS v4 in an Expo project using react-native-css and NativeWind v5. Sets up Metro config, PostCSS, global CSS imports, and CSS-wrapped component primitives so className works across iOS, Android, and web. The v4 setup removes the babel preset requirement and replaces tailwind.config.js with CSS-first theme configuration, but the migration path involves non-obvious changes to Metro config, PostCSS, and component wrapping that this skill handles in one pass.

When to use it

  • Working with expo tailwind setup functionality
  • Implementing expo tailwind setup features
  • Debugging expo tailwind setup related issues