skills.rest
ashleytower
ashleytowerCOMMUNITY
Explore all skills by this author →
GitHub

expo-tailwind-setup

Configure Tailwind CSS v4 in Expo projects with NativeWind and react-native-css.

Updated Aug 27, 2026
Search Tags:#tailwind#react-native#expo#nativewind#metro-config#postcss
One-click install
npx skills add https://github.com/ashleytower/claude-code-workflow --skill expo-tailwind-setup-ashleytower
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: expo-tailwind-setup
Source: https://github.com/ashleytower/claude-code-workflow/tree/main/skills/expo-tailwind-setup
Command: npx skills add https://github.com/ashleytower/claude-code-workflow --skill expo-tailwind-setup-ashleytower

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines the process of integrating Tailwind CSS v4 into Expo projects, enabling consistent cross-platform styling with react-native-css and NativeWind.

Core Features & Use Cases

  • Cross-platform Tailwind integration for Expo apps across iOS, Android, and Web
  • NativeWind v5 support with a Metro transformer
  • CSS-first workflow using react-native-css to unify styling
  • Use Case: Rapidly prototype and ship consistent UI with shared Tailwind utilities in a single codebase

Quick Start

Install dependencies and configure Tailwind v4 with NativeWind in an Expo project to enable cross-platform styling.

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, you install Tailwind v4, NativeWind v5, and react-native-css, then configure Metro and PostCSS to enable cross-platform styling across iOS, Android, and Web.

What is the best way to use Tailwind CSS for React Native styling across iOS, Android, and Web?▼

Using NativeWind v5 with react-native-css and Tailwind CSS v4 provides a CSS-first workflow that unifies styling across iOS, Android, and Web, allowing you to share Tailwind utilities in a single codebase.

Does NativeWind v5 work with Tailwind CSS v4 in Expo apps?▼

Yes, NativeWind v5 works with Tailwind CSS v4 in Expo apps by using a Metro transformer and react-native-css to enable consistent runtime styling across iOS, Android, and Web platforms.

How do I configure Metro and PostCSS for Tailwind in an Expo app?▼

Configuring Metro and PostCSS for Tailwind in an Expo app involves setting up the NativeWind v5 Metro transformer and PostCSS settings to apply Tailwind CSS v4 styles universally across your React Native components.

Can I use a CSS-first workflow for universal styling in React Native Expo?▼

Yes, you can use a CSS-first workflow for universal styling in React Native Expo by integrating react-native-css with NativeWind v5 and Tailwind CSS v4 to unify styling across all platforms.

Related Skills

Explore More Software Engineering Skills→
msichtermanmsichterman

expo-tailwind-setup

Integrates Tailwind CSS v4 with Expo using NativeWind v5 and react-native-css via Metro and PostCSS configuration.

Community
Intermediate
SciMate-AISciMate-AI
71

hpc-gmsh

Automate 2D and 3D mesh creation with Gmsh algorithms and export formats.

Official
Advanced
msichtermanmsichterman

expo-dev-client

Create and distribute Expo development clients for iOS and Android testing.

Community
Intermediate
DexploarerDexploarer
6

react-native-component-generator

Generate cross-platform React Native components with TypeScript and platform-specific code.

Community
Advanced