React Native

A skill de accessibility ajuda você a projetar, implementar e auditar interfaces acessíveis com orientação WCAG 2.2 Nível AA para Web, iOS e Android. Use-a para mapear papéis de componentes, rótulos, estados, comportamento de foco e atributos de acessibilidade, com uso prático de accessibility para trabalhos de UX Audit e revisões de implementação.

react-native-design é uma skill focada em padrões de UI para React Native, cobrindo estilização com StyleSheet, React Navigation tipado e uso de Reanimated 3 em telas multiplataforma.

react-native-architecture ajuda a planejar apps React Native e Expo para produção, com roteamento, limites de estado, módulos nativos, fluxos offline-first e os trade-offs entre Expo e bare.

vercel-react-native-skills é uma skill de React Native e Expo para desenvolvimento frontend com foco em performance. Use-a para melhorar renderização de listas, animações, navegação, padrões de UI, gerenciamento de estado e configuração de módulos nativos. Ela inclui regras práticas, orientações de instalação e padrões de uso para lidar com gargalos em apps mobile com menos tentativa e erro.

Skill Expo UI SwiftUI para instalar `@expo/ui`, recompilar com `npx expo run:ios` e usar `Host`, `RNHostView` e a documentação do SDK 55 corretamente em apps Expo.

A skill upgrading-expo ajuda você a atualizar versões do Expo SDK, executar os comandos corretos de instalação e diagnóstico, limpar caches e lidar com mudanças incompatíveis, como React 19, New Architecture, Native Tabs e migrações do `expo-av`.

A skill use-dom mostra como usar componentes DOM do Expo para executar código React web em um webview no nativo e normalmente na web, ajudando você a reaproveitar componentes que dependem do navegador e a migrar código web de forma incremental.

building-native-ui é uma skill de UI para Expo Router voltada a apps React Native com aparência nativa. Entenda o contexto de instalação, a estrutura de rotas, tabs, headers, animações, mídia e limitações de plataforma antes de usar.

expo-api-routes ajuda você a criar rotas de API com Expo Router para o EAS Hosting, com orientação clara sobre quando usar endpoints no servidor, onde colocar arquivos `app/**/+api.ts` e como estruturar handlers de rota com segurança.

expo-cicd-workflows ajuda a criar, editar e validar YAML de workflows do Expo EAS. Instale a skill, busque o schema e a documentação mais recentes e depois gere ou corrija arquivos `.eas/workflows` com orientação baseada em validação para builds, submissions, updates e pipelines de deploy.

expo-deployment ajuda a publicar apps Expo com EAS na App Store do iOS, Google Play, hospedagem web, TestFlight, metadados e fluxos de CI/CD.

expo-dev-client ajuda você a decidir se um app Expo precisa de um development client, configurar o EAS e gerar builds localmente ou via TestFlight para testes nativos.

expo-tailwind-setup é um guia prático para instalar e configurar o Tailwind CSS v4 no Expo com react-native-css e NativeWind v5 para iOS, Android e web.

Expo UI Jetpack Compose ajuda você a instalar e usar `@expo/ui/jetpack-compose` para UI Android em apps Expo, com orientações para SDK 55, imports corretos, etapas de rebuild nativo e verificação da API em `.d.ts`.

react-native-best-practices é um guia prático de otimização de performance em React Native para startup lenta, frames perdidos, renders pesados, vazamentos de memória, bundle inchado e engasgos em animações. Use quando precisar de correções baseadas em evidências para Hermes, overhead da bridge, FlashList, módulos nativos ou para investigar uma regressão de performance em release.

ui-mobile é um guia prático de design de UI mobile para React Native e bases de código iOS/Android relacionadas. O foco está em áreas de toque acessíveis, contraste e regras de interação, para você criar telas mais seguras, revisar componentes e melhorar a usabilidade mobile com menos tentativa e erro.

Padrões de React Native para mobile e código específico de plataforma para Frontend Development. Esta skill de react-native ajuda a estruturar telas, componentes e hooks com atenção sustentável a iOS e Android.

upgrading-react-native ajuda a planejar e executar upgrades de versão do React Native com diffs do rn-diff-purge ou do Upgrade Helper, alinhamento de dependências, ajustes de configuração no iOS e no Android e validação de build. É útil para equipes de Frontend Development que fazem upgrade de apps reais, incluindo monorepos e projetos com Expo.