Requisitos
Qué necesita tu proyecto antes de que un prompt encaje bien, y cómo crear uno desde cero si no tienes nada.
Qué necesita tu proyecto
Muy poco, a propósito. Los diseños son autocontenidos: cada uno lleva sus propios colores, espaciados y tipografía en lugar de leerlos de un tema, así que no hay ningún sistema de diseño que instalar primero.
| Requisito | Por qué |
|---|---|
| Expo SDK 52 o posterior | Las versiones contra las que se prueba cada diseño. SDKs más antiguos pueden funcionar pero no se comprueban. |
| TypeScript | Cada diseño se entrega como .tsx. Un proyecto en JavaScript necesitará que le quites los tipos a mano. |
| Un agente de código con IA | Claude Code, Cursor, Windsurf, o cualquiera que acepte un prompt pegado. |
Si todavía no tienes un proyecto
El prompt creará uno por ti, pero puedes hacerlo tú primero si lo prefieres:
npx create-expo-app@latest my-app --template blank-typescript
cd my-app
npx expo startQué instala el prompt
Cada diseño declara solo lo que realmente importa, y el prompt usa npx expo install en lugar de npm install para que las versiones coincidan con tu SDK en lugar de traer lo más nuevo. La lista completa de cualquier diseño está en su página bajo "Qué incluye".
- Casi todo usa Reanimated para el movimiento y safe-area-context para los márgenes seguros.
- Los iconos vienen de Phosphor, las imágenes de expo-image.
- Las tipografías vienen de los paquetes de Expo Google Fonts, cargadas una vez en la raíz de tu app.
Reanimated necesita una línea de configuración
Su plugin de Babel tiene que ser el último en el array de plugins de babel.config.js. Si las animaciones no hacen nada después de pegar, casi siempre es por esto. Solución de problemas cubre el arreglo.