O que tem em um prompt

É um transportador de código

A palavra "prompt" engana se você imaginar uma descrição. Cerca de noventa e cinco por cento do que chega na sua área de transferência é código-fonte literal. O resto é uma casca curta de instruções que diz ao agente onde os arquivos vão e o que instalar. O agente está colando e conectando, nunca desenhando, e é por isso que o resultado é uma correspondência exata em vez de uma interpretação.

O que tem no bloco

• Uma linha declarando a tarefa e o SDK que o design tem como alvo.
• As regras: replicar 1:1, criar cada arquivo por completo, não substituir bibliotecas.
• Cada arquivo, palavra por palavra, com o caminho onde deve ser escrito.
• A lista exata de dependências, instalada com npx expo install para que as versões combinem com seu SDK.
• Um trecho de carregamento de fontes para a raiz do seu app, se o design usar fontes personalizadas.
• Notas de configuração que realmente importam: o plugin Babel do Reanimated, a root view do gesture-handler.
• Como conectar ao Expo Router ou React Navigation, o que você tiver.

O formato da casca

You are given the task of integrating an existing React Native screen
into an Expo codebase.

RULES, non-negotiable:
- Replicate the design 1:1. Do NOT change any color, font, size, spacing,
  radius, wording, or animation value. Do not adapt the design to this
  project's existing theme, colors, tokens, or components.
- Create every file below IN FULL. Never abbreviate, never use placeholders.
- Do not substitute libraries.

Create this file at components/clean-settings/screen.tsx:
...

Copie o código em vez disso

A aba Código de qualquer design te dá os arquivos crus sem a casca de instruções, para quando você preferir integrar na mão. Mesmo conteúdo, empacotamento diferente.