Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

Tailwind CSS Setup for Expo with react-native-css

porexpo·expo· v1.0.0 · atualizado em 2026-04-10
78
Score

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

expotailwind-cssreact-nativenativewindcss-in-jsmobile-styling
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdexpo-tailwind-setup/workflow
1. Install necessary dependencies: `tailwindcss`, `nativewind`, `react-native-css`, `@tailwindcss/postcss`, `tailwind-merge`, `clsx`.
2. Add resolutions for lightningcss compatibility in `package.json`.
3. Configure `metro.config.js` with `withNativewind`.
4. Create `postcss.config.mjs` to include the Tailwind CSS plugin.
5. Create `src/global.css` to import Tailwind CSS layers and define platform-specific styles.
6. Create CSS component wrappers using `useCssElement` from `react-native-css`.
7. Import and use the CSS-wrapped components in your application.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aDesigning with Sleek
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
87
Similar aExpo UI Guidelines
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aExpo Networking
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

Tailwind CSS Setup for Expo with react-native-css
expo-tailwind-setup
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.RECOMMEND
4.ACT
5.REFLECT
Triggers6
setup tailwind css in expoconfigure nativewind in react native expointegrate tailwind v4 with react native cssadd tailwind css to expo projectinstall nativewind v5 in expoconfigure universal styling in expo

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download expo-tailwind-setup
$ synaptic skills detail expo-tailwind-setup
$ synaptic skills live expo-tailwind-setup

Dependências

tailwindcssnativewindreact-native-css@tailwindcss/postcsstailwind-mergeclsxexpo-routerreact-native-reanimatedexpo-image

Links

GitHub Repository