Domains
Forms
Mechanism
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
When setting up Tailwind CSS v4 in a new or existing Expo project for universal (iOS/Android/Web) styling with react-native-css and NativeWind v5.
npx expo install (tailwindcss, nativewind, react-native-css, etc.)useCssElement from react-native-cssA working Expo + Tailwind v4 setup with reusable styled components and platform-specific CSS variables for consistent cross-platform UI.
Use Cases
A developer starts a new Expo app and wants Tailwind utility classes on native and web. They use this skill to install deps, configure Metro and PostCSS, and create wrapped components. Result: fast, consistent styling across iOS, Android, and Web without writing separate style sheets.
An existing Expo project uses old NativeWind babel setup. The team applies this skill to migrate to Tailwind v4 with react-native-css, removing babel presets and adding CSS variable theming. Value: modern CSS-first config, better performance, and platform-aware colors via media queries.
Skill Relationships
Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.
Tier 1 · These Skills Use Me
Tier 2 · Current Skill
Tier 3 · I Use These Skills
Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.
Skill File