expo-tailwind-setup Skill
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling Published by openai in plugins.
What is expo-tailwind-setup Skill?
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling Published by openai in plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Developers using plugins
Technical details
- Install or run with Copy skill directory
When to use expo-tailwind-setup Skill
- Use it for developers using plugins.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/plugins
- Skill file: plugins/expo/skills/expo-tailwind-setup/SKILL.md
What it does
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
Skill instructions
Tailwind CSS Setup for Expo with react-native-css This guide covers setting up Tailwind CSS v4 in Expo using react-native-css and NativeWind v5 for universal styling across iOS, Android, and Web. Overview This setup uses: - 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 Installation bash Install dependencies npx expo install tailwindcss@^4 nativewind@5.0.0-preview.2 react-native-css@0.0.0-nightly.5ce6396 @tailwindcss/postcss tailwind-merge clsx Add resolutions for lightningcss compatibility: json // package.json { "resolutions": { "lightningcss": "1.30.1" } } - autoprefixer is not needed in Expo because of lightningcss - postcss is included in expo by default Configuration Files Metro Config Create or update metro.config.js: js // metro.config.js const { getDefaultConfig } = require("expo/metro-config"); const { wit
Explore related resources
Frequently asked questions
What is expo-tailwind-setup?
expo-tailwind-setup is a open-source AI agent skill with Copy skill directory. Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
Who is expo-tailwind-setup best for?
expo-tailwind-setup is best for reusing agent instructions, scripts, and references.
How do I install expo-tailwind-setup?
Install or run expo-tailwind-setup using Copy skill directory. Check expo-tailwind-setup for the latest setup command.
Is expo-tailwind-setup actively maintained?
expo-tailwind-setup may need a closer maintenance check before production use.
Auto-fetched from GitHub.
