Qué hay en un prompt

Es un portador de código

La palabra "prompt" engaña si te imaginas una descripción. Aproximadamente un noventa y cinco por ciento de lo que llega a tu portapapeles es código fuente literal. El resto es una breve envoltura de instrucciones que le dice al agente dónde van los archivos y qué instalar. El agente está pegando y conectando, nunca diseñando, por eso el resultado es una coincidencia exacta y no una interpretación.

Qué hay en el bloque

• Una línea que declara la tarea y el SDK al que apunta el diseño.
• Las reglas: replicar 1:1, crear cada archivo por completo, no sustituir bibliotecas.
• Cada archivo, palabra por palabra, con la ruta en la que debe escribirse.
• La lista exacta de dependencias, instalada con npx expo install para que las versiones coincidan con tu SDK.
• Un fragmento de carga de tipografías para la raíz de tu app, si el diseño usa tipografías personalizadas.
• Notas de configuración que realmente importan: el plugin de Babel de Reanimated, la vista raíz de gesture-handler.
• Cómo conectarlo a Expo Router o React Navigation, el que tengas.

La forma de la envoltura

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:
...

Copia el código en su lugar

La pestaña Código de cualquier diseño te da los archivos en bruto sin la envoltura de instrucciones, para cuando prefieras integrar a mano. Mismo contenido, empaquetado distinto.