expo-tailwind-setup

Guide Tailwind CSS v4 setup in Expo with react-native-css and NativeWind.

154|14|Updated Feb 8, 2026
One-click install
npx skills add https://github.com/mweinbach/agent-coworker --skill expo-tailwind-setup-mweinbach
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: expo-tailwind-setup
Source: https://github.com/mweinbach/agent-coworker/tree/main/apps/mobile/.agents/skills/expo-tailwind-setup
Command: npx skills add https://github.com/mweinbach/agent-coworker --skill expo-tailwind-setup-mweinbach

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires tailwindcss, react-native-css, nativewind, @tailwindcss/postcss, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide for setting up Tailwind CSS v4 in Expo using react-native-css and NativeWind v5, solving the challenge of achieving universal styling across iOS, Android, and Web platforms.

Core Features & Use Cases

  • Tailwind CSS Integration: Offers detailed instructions for integrating Tailwind CSS v4 into an Expo project.
  • React Native Support: Utilizes react-native-css and NativeWind v5 for CSS-first styling in React Native apps.
  • Cross-Platform Styling: Ensures consistent styling across iOS, Android, and Web for a seamless user experience.

Quick Start

Run the following command to set up Tailwind CSS in your Expo project:

npx expo install tailwindcss@^4 [email protected] [email protected] @tailwindcss/postcss tailwind-merge clsx

Frequently Asked Questions about expo-tailwind-setup

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up Tailwind CSS in an Expo project?

To set up Tailwind CSS in an Expo project, install Tailwind CSS v4, NativeWind v5, and react-native-css using the provided npx expo install command. This enables CSS-first styling across iOS, Android, and Web platforms.

Can I use Tailwind CSS v4 for cross-platform styling in React Native?

Yes, you can achieve cross-platform styling in React Native using Tailwind CSS v4. By integrating NativeWind v5 and react-native-css, you ensure consistent styling across iOS, Android, and Web.

What is NativeWind and how does it work with Expo?

NativeWind is a library that enables CSS-first styling in React Native. It works with Expo by integrating Tailwind CSS v4 and react-native-css, allowing you to use utility classes for universal styling across mobile and web platforms.

Does Tailwind CSS work with react-native-css on iOS, Android, and Web?

Yes, Tailwind CSS works with react-native-css to provide universal styling across iOS, Android, and Web. This combination uses NativeWind v5 to ensure a consistent user experience across all platforms.

What dependencies do I need to install for Tailwind CSS integration in Expo?

You need to install tailwindcss, nativewind, react-native-css, @tailwindcss/postcss, tailwind-merge, and clsx. These dependencies provide the cross-platform styling solution for your Expo application.

What is the best way to achieve universal styling in a React Native app?

The best way to achieve universal styling in React Native is using Tailwind CSS v4 with NativeWind v5 and react-native-css. This approach provides a CSS-first styling solution for iOS, Android, and Web platforms.