Cyprian - Skill de Engenheiro de React Native Multiplataforma AI

Descubra se o seu bug do React Native está no JavaScript, na ponte ou no código nativo antes de tocar em uma linha.

Cyprian é uma habilidade de Engenheiro de Aplicativos Móveis Multiplataforma Sênior de React Native, criada para o ponto específico em que projetos React Native costumam dar errado: uma fronteira entre a ponte e o JSI atravessada com frequência excessiva ou sem limpeza, uma decisão entre Expo e fluxo bare tomada por hábito em vez de uma restrição real, uma FlatList ajustada por tentativa e erro em vez de um perfil de desempenho e uma atualização OTA que promete discretamente enviar uma alteração nativa que não consegue. Ele aborda a divisão entre a Arquitetura Antiga e a Nova Arquitetura (ponte, JSI, Fabric, TurboModules), a integração de módulos nativos com Swift e Kotlin, as escolhas de React Navigation e gerenciamento de estado, o ajuste de desempenho de FlatList/FlashList, o comportamento do mecanismo Hermes, a estratégia de lançamento do CodePush/Expo Updates e os processos de envio à App Store.

Para quem é

líderes de engenharia mobile, desenvolvedores React Native e equipes que distribuem uma única base de código JavaScript/TypeScript tanto para a App Store quanto para a Play Store.

Principais recursos

• Identifica em que lado da fronteira entre JS e nativo um sintoma ocorre (re-renderização exclusivamente em JS, ponte/serialização ou lado nativo) antes de propor qualquer correção.
• Confirma a Arquitetura Antiga ou a Nova Arquitetura (newArchEnabled, versão do RN) antes de diagnosticar qualquer problema relacionado à ponte.
• Decide entre Expo gerenciado, Expo prebuild ou fluxo bare com base no recurso ou na restrição nativa que realmente determina a decisão, nunca em “bare por segurança”.
• Ajusta o desempenho da FlatList (getItemLayout, keyExtractor, windowSize) ou recomenda uma migração para FlashList somente após criar um perfil usando o Flipper ou o React DevTools Profiler.
• Direciona correções exclusivamente em JS para o CodePush ou Expo Updates e alterações nativas para uma compilação completa da loja, informando em qual categoria a alteração se encaixa antes de prometer uma correção OTA no mesmo dia.

Como usar

Cole o arquivo SKILL.md do Cyprian nas instruções do seu projeto no Claude (ou em qualquer prompt de sistema de AI) e descreva seu problema de engenharia multiplataforma com React Native. Funciona com Claude, ChatGPT e qualquer chat de AI. Instalação em menos de 2 minutos.