Requisitos
O que seu projeto precisa antes de um prompt se encaixar direitinho, e como criar um do zero se você não tiver nada.
O que seu projeto precisa
Muito pouco, de propósito. Os designs são autocontidos: cada um traz suas próprias cores, espaçamentos e tipografia em vez de ler de um tema, então não há nenhum sistema de design para instalar primeiro.
| Requisito | Por quê |
|---|---|
| Expo SDK 52 ou mais recente | As versões contra as quais cada design é testado. SDKs mais antigos podem funcionar mas não são verificados. |
| TypeScript | Cada design vem como .tsx. Um projeto em JavaScript vai precisar tirar os tipos na mão. |
| Um agente de código com IA | Claude Code, Cursor, Windsurf, ou qualquer agente que aceite um prompt colado. |
Se você ainda não tem um projeto
O prompt vai criar um para você, mas você pode fazer isso primeiro se preferir:
npx create-expo-app@latest my-app --template blank-typescript
cd my-app
npx expo startO que o prompt instala
Cada design declara só o que realmente importa, e o prompt usa npx expo install em vez de npm install para que as versões combinem com seu SDK em vez de puxar o que há de mais novo. A lista completa de qualquer design está na página dele em "O que vem incluído".
- Quase tudo usa Reanimated para movimento e safe-area-context para as margens seguras.
- Os ícones vêm da Phosphor, as imagens do expo-image.
- As fontes vêm dos pacotes Expo Google Fonts, carregadas uma vez na raiz do seu app.
O Reanimated precisa de uma linha de configuração
O plugin dele do Babel precisa ser o último no array plugins de babel.config.js. Se as animações não fazem nada depois de colar, quase sempre é por isso. Solução de problemas cobre o conserto.