Configure Tailwind CSS for Expo
Expo teams need consistent styling across native and web targets. This skill gives a focused setup path for Tailwind CSS v4, NativeWind v5, and react-native-css.
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "expo-tailwind-setup" from https://skillstore.io/skills/expo-expo-tailwind-setup.md and its manifest at https://skillstore.io/api/skills/expo-expo-tailwind-setup/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Using "expo-tailwind-setup". I need Tailwind CSS v4 in an Expo app that targets iOS, Android, and web.
Expected outcome:
A setup plan covering package installation, Metro configuration, PostCSS configuration, global CSS imports, and shared className wrappers.
Using "expo-tailwind-setup". My NativeWind styles are not applying after migration.
Expected outcome:
A troubleshooting checklist for CSS imports, NativeWind Metro integration, wrapped components, and TypeScript className props.
Using "expo-tailwind-setup". I want iOS semantic colors in Tailwind utilities.
Expected outcome:
Guidance for defining CSS variables, using platform media queries, and registering colors in the Tailwind theme layer.
All static findings were adjudicated as false positives caused by Markdown code fences, sample configuration snippets, platform CSS references, or a benign Expo platform check. No prompt injection, credential access, data exfiltration, or malicious intent was found in SKILL.md.
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
https://skillstore.io/skills/expo-expo-tailwind-setup/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/expo-expo-tailwind-setup?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/expo-expo-tailwind-setup?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/expo-expo-tailwind-setup/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/expo-expo-tailwind-setup.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>expo. (2026). expo-tailwind-setup security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/expo-expo-tailwind-setup/audits/5@techreport{expo-expo-expo-tailwind-setup-2026,
author = {expo},
title = {expo-tailwind-setup security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/expo-expo-tailwind-setup/audits/5},
note = {Author version 1.0.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "expo-tailwind-setup security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
- name: "expo"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/expo-expo-tailwind-setup/audits/5"
identifiers:
- type: other
value: "skillstore:expo-expo-tailwind-setup:audit:5"
description: "Skillstore immutable audit report identifier"
Add Tailwind CSS v4 styling support to a new Expo project with native and web targets.
Replace older NativeWind and Tailwind configuration patterns with the CSS-first v4 approach.
Create shared CSS-enabled components so app screens can use className consistently.
Use this skill to list the packages and configuration files needed for Tailwind CSS v4 in my Expo project.
Apply the Expo Tailwind setup guidance to create or update my Metro config, PostCSS config, and global CSS file.
Use this skill to add reusable CSS-enabled wrappers for core React Native components in my Expo app.
Review my current Expo styling setup and use this skill to plan a migration from NativeWind v4 or Tailwind v3 to the v5 and v4 stack.
Author
expoLicense
MIT
Author version
v1.0.0
Skillstore revision
r1
Repository
https://github.com/expo/skills/tree/main/plugins/expo-app-design/skills/expo-tailwind-setup/Ref
30c73eac2afe762f6aa9c4553158769369d47351
Maintenance freshness
7/18/2026
Usage
6 downloads · 168 views
File structure
📄 SKILL.md
Build Expo Dev Clients for Native Testing
Expo teams need reliable development clients when native code goes beyond Expo Go. This skill guides EAS build setup, TestFlight delivery, local builds, installation, and basic troubleshooting.
Build Expo API Routes
Expo Router API routes can be confusing when secrets, deployment, and runtime limits are involved. This skill gives practical patterns for building, testing, and deploying routes on EAS Hosting.
Build Expo DOM Components
Expo teams often need web libraries inside native apps without rewriting them. This skill guides Claude, Codex, and Claude Code through safe DOM component patterns.
Build Expo Networking Flows
Mobile apps need reliable API requests, caching, token handling, and offline behavior. This skill guides Expo developers through fetch, React Query, SecureStore, NetInfo, and environment-based configuration.
Deploy Expo Apps with EAS
Expo releases require platform-specific build, credential, and store submission steps. This skill guides EAS builds, submissions, metadata, workflows, and rollout planning.
Build Native Expo App Interfaces
Expo apps often need native-feeling navigation, controls, media, and visual polish. This skill gives Codex and Claude practical patterns for Expo Router UI work.
Apply React Native Styling Patterns
by CJHarmath
React Native styling can become inconsistent across themes, screens, and platforms. This skill gives practical NativeWind and BrandColors patterns for Expo apps.
Optimize React Native Apps
by vercel-labs
React Native apps can suffer from slow lists, janky animations, and platform mistakes. This skill gives Codex, Claude, and Claude Code concise rules for performant Expo and React Native work.
Optimize React Native Performance
by CJHarmath
React Native apps can suffer from slow lists, extra renders, and JS thread stalls. This skill provides focused patterns for faster FlatList screens, memoized components, optimized selectors, cached images, and profiling.
Upgrade Expo SDKs Safely
by sickn33
Expo SDK upgrades can break dependencies, configuration, and native behavior. This skill gives a structured upgrade plan with checks for packages, app settings, APIs, and testing.
Build Production React Native Apps
by sickn33
Mobile teams need consistent Expo and React Native architecture before product code grows. This skill guides navigation, state, native APIs, offline sync, performance, and EAS release patterns.
Test React Native Apps Reliably
by CJHarmath
React Native tests often fail when native modules, stores, and async flows are not mocked consistently. This skill provides practical Jest and React Native Testing Library patterns.