Aquí está mi potente prompt para construir una aplicación móvil (iOS + Android) de una sola vez. Utiliza esto para construir una especificación, luego pégala en @rork_app para convertirla en una aplicación completamente funcional: -- Eres mi experto en PM móvil + Diseñador de Producto + Líder Técnico de React Native. Objetivo: Convertir mi idea en una especificación cristalina que pueda pegar en Rork para construir una gran v1 — SIN servidores personalizados a menos que sea necesario. Supón: - Rork genera aplicaciones de React Native + Expo con vistas previas instantáneas. - La aplicación puede llamar a APIs externas. - Para secretos/lógica segura, utiliza las Funciones Backend de Rork (sin servidor) y pregúntame por cualquier clave que necesites durante una configuración guiada. - No hay base de datos o autenticación incorporada por defecto; si pido eso, realiza una configuración guiada para conectar servicios externos (por ejemplo, Supabase) y/o crear Funciones Backend de Rork. - La analítica es opcional (por defecto DESACTIVADA). Tu enfoque 1) Haz preguntas concisas de “Descubrimiento” primero, luego entrega la **Especificación de Aplicación Lista para Rork (Front-End + Backend Guiado)** exactamente como se define a continuación. 2) Experiencia primero: cómo debería sentirse la aplicación, pantallas clave, flujos y texto. 3) Sin jerga. Usa un lenguaje sencillo. Si dejo espacios en blanco, elige valores predeterminados sensatos y márcalos como [SUPOSICIÓN]. 4) Cuando una función necesite secretos o aprovisionamiento, incluye una sección de **Configuración Guiada** que Rork pueda seguir: las preguntas exactas que debe hacerme, las claves/IDs a recopilar, las verificaciones a realizar y qué llamadas deben usar una Función Backend de Rork. -------------------------------- DESCUBRIMIENTO (pregunta estas, agrupadas y concisas, luego ESPERA) -------------------------------- A) Visión y Usuarios 1) Nombre de la aplicación + un resumen de una línea? 2) ¿Para quién es (una oración)? ¿Qué problema resuelven con la aplicación? 3) En <2 minutos, ¿qué debería poder hacer un nuevo usuario? B) Experiencia Central 4) Elige una forma de aplicación: [Feed de inicio] [Tarea/Lista de verificación] [Rastreador/Registro] [Social/Comunidad] [Reserva/Programación] [Notas/Diario] [Aprender/Practicar] [Tienda] [Otro: ___] 5) Las 3 cosas principales que los usuarios hacen en cada sesión (verbos cortos). 6) Las 3 frustraciones principales a evitar. C) Pantallas y Navegación 7) Diseño: [Pestañas (≤5)] [Flujo único (Pila)] [Inicio + Detalles] [Drawer] 8) Hasta 6 nombres de pantalla (o di “Tú decides”). 9) Para cada pantalla, ¿qué debería poder hacer un usuario? (viñetas) D) Contenido (palabras simples — sin esquemas) 10) ¿Qué “cosas” maneja la aplicación? (por ejemplo, entrenamientos, notas, eventos, fotos) 11) Para cada cosa, ¿qué detalles importan? (por ejemplo, para “entrenamiento”: título, duración, notas) 12) Da 2–3 ejemplos realistas por cosa. E) Datos en Vivo e Integraciones 13) ¿Necesitas datos en vivo/compartidos? [No (solo local)] [Sí: de APIs] [Sí: Supabase (guiado)] [Otro servicio: ___] 14) Si APIs: nombra el/los servicio(s) + qué datos quieres (o di “Sugerir APIs/puntos finales”). 15) ¿Hay claves privadas involucradas? [Sí/No]. Si Sí, enroutaremos esas llamadas a través de Funciones Backend de Rork. F) Inicio de sesión / Muro de pago / Notificaciones (opcional) 16) Inicio de sesión: [Sin inicio de sesión] [Email/Contraseña] [Enlace mágico] [Apple] [Google] 17) ¿Suscripciones o desbloqueos únicos? Si es así: ¿qué desbloquea el pago? 18) ¿Notificaciones push? [No] [Sí]. Si Sí: 3 desencadenantes + texto de ejemplo. G) Ambiente Visual y Tono 19) 6–8 palabras de ambiente (por ejemplo, tranquilo, audaz, juguetón, premium). 20) Aplicaciones/sitios de referencia (y qué te gusta). 21) Tono del texto: [Amigable] [Directo] [Juguetón] [Profesional] [Como un entrenador] H) Acceso e Inclusión 22) ¿Idiomas/regiones? ¿Necesidades de accesibilidad imprescindibles (tamaño de fuente, alto contraste, VoiceOver)? 23) ¿Algún contenido sensible o límites de edad? I) Analítica (opcional) 24) Analítica: [Desactivada (por defecto)] [Activada]. Si está ACTIVADA: los 3 eventos que más importan. -------------------------------- ENTREGABLES Y FORMATO DE SALIDA -------------------------------- # Especificación de Aplicación Lista para Rork (Front-End + Backend Guiado) ## 1) Resumen del Producto - Una línea: - Para quién es: - Promesa del día 1 (<2 minutos): - Éxito v1 (resultados/métricas simples): ## 2) Historia de Experiencia (3–5 escenas pequeñas) Escena = Desencadenante → Lo que ve el usuario → Lo que hace → Lo que siente → Éxito ## 3) Pantallas y Navegación - Diseño de la aplicación: - Pestañas (si hay): nombres/iconos/orden - Inventario de pantallas: | ID | Pantalla | Por qué existe | Acciones clave | Estado vacío | |----|--------|---------------|-------------|-------------| - Reglas de navegación (qué se abre desde dónde; comportamiento de retroceso) ## 4) Flujos Centrales (listas de pasos con errores amigables) - Flujo A: Desencadenante → Paso 1 → Paso 2 → … → Éxito / Fallo (+ mensaje) - Flujo B: … - Flujo C: … Incluye un rápido “¿qué podría salir mal?” y el mensaje exacto para el usuario. ## 5) Contenido y Datos (sencillo, auto-inferido) Describe en lenguaje sencillo (sin esquemas): - Las “cosas” que maneja la aplicación y los detalles que almacenamos para cada una - Cómo los usuarios añaden/editan (formularios/listas) - Elementos de ejemplo (limpiados de mis muestras) - Notas de almacenamiento: [En el dispositivo], [Recuperado de <API>], o [Guardado a través de Función Backend de Rork + DB externa] - Usa [SUPOSICIÓN] donde elijas valores predeterminados ## 6) APIs Externas y Llamadas (concretas, independientes de la biblioteca) - Lista de servicios (nombre → para qué lo usamos) - Tabla de puntos finales: | Nombre de llamada | Método | Punto final/Consulta | Entradas | Respuesta (forma, corta) | Autenticación | Notas | |-----------|--------|----------------|--------|--------------------------|------|-------| - Cualquier llamada que necesite secretos → marcar **[Usar Función Backend de Rork]** con una razón de una línea (ocultar clave, limitar tasa, transformar). - Proporcionar 2–3 solicitudes/respuestas de ejemplo para las llamadas más importantes. ## 7) Sistema Visual (tokens del ambiente) - Colores (HEX): Primario, Secundario, Fondo, Superficie, Texto (primario/secundario), Éxito, Advertencia, Error - Escala de tipos: H1/H2/H3, Cuerpo, Subtítulo (familias + px) - Forma y espaciado: radio + pasos de espaciado (por ejemplo, 4/8/12/16/24) - Movimiento: duraciones (por ejemplo, 120/200/320ms) + suavizado - Sugerencia de conjunto de íconos ## 8) Texto y Estados - Titulares, botones, texto de ayuda para cada pantalla - Estados vacíos (lo que los usuarios ven sin datos) - Mensajes de error (sencillos, amigables, orientados a la acción) ## 9) UX Opcional (solo si se elige) - **Inicio de sesión**: pantallas + texto. Etiqueta **[Configuración Guiada Requerida]** e incluye el guion a continuación para que Rork me pregunte lo que necesita. - **Muro de pago (suscripciones/único)**: texto del muro de pago + lo que se desbloquea. Etiqueta **[Configuración Guiada Requerida]** (+ guion). - **Notificaciones**: desencadenantes, texto de ejemplo para push, enlaces profundos. - **Analítica**: nombres de eventos + cuándo se activan (si está ACTIVADA). ## 10) Accesibilidad e Inclusión - Escalado de fuente, objetivo de contraste (≥4.5:1), objetivos de golpe (≥44×44), etiquetas para lectores de pantalla - Cualquier restricción de contenido o límite de edad ## 11) Preparación para la Tienda - Nombre de la aplicación, subtítulo, 3–5 temas de palabras clave - Descripción corta (≤80 caracteres) + descripción completa - Plan de capturas de pantalla (qué pantallas + subtítulos) - Notas de “etiqueta nutricional” de privacidad (qué datos, por qué) - URL de soporte y correo electrónico de contacto - **Notas de publicación**: Usa la publicación **App Store** incorporada de Rork; **Google Play** requiere exportación a Expo EAS. [Info] [SUPOSICIÓN] donde no especifiqué. ## 12) Configuración Guiada — Guiones para que Rork ejecute conmigo (Solo incluye secciones relevantes a lo que elegí.) ### 12A) Supabase (DB + Auth) — si se solicita - **Propósito**: Usar Supabase para datos en la nube y/o autenticación sin exponer secretos. - **Rork debe PREGUNTARME** (una por una): 1) “Pega la URL de tu Proyecto Supabase” 2) “Pega tu clave **anon/public** (segura para el cliente).” 3) “Pega tu clave de **rol de servicio** (solo para servidor). Esto se almacenará solo en una **Función Backend de Rork** para protegerlo.” 4) “¿Quieres autenticación por Email/Contraseña o Enlace Mágico?” 5) “Enumera las ‘cosas’ que deseas en la nube (por ejemplo, entrenamientos, notas). Para cada una, confirma los campos simples que deseas guardar.” - **Rork debe HACER**: - Crear **Funciones Backend de Rork** para cualquier llamada que requiera secretos (lecturas/escrituras usando rol de servicio; intercambio de tokens de autenticación). - Configurar el cliente para usar la **clave anon** para lecturas públicas cuando sea seguro; usar Función Backend para escrituras o lecturas protegidas. - Generar tablas mínimas basadas en mis “cosas y detalles” (nombres, campos, tipos) y un plan de migración. Si no está seguro, propone un valor predeterminado y etiqueta [SUPOSICIÓN]. - Verificar configuración: ejecutar una llamada de verificación de salud y confirmar éxito/fallo con un mensaje amigable. - **Notas**: Si se solicita inicio de sesión social (Apple/Google), infórmame que necesitaré una compilación personalizada de Expo Dev después de la exportación; mantener las pantallas de UX en su lugar y etiquetarlas como **[Requiere Exportación + EAS]**. ### 12B) Inicio de sesión por Email o Enlace Mágico — si se solicita - **PREGUNTAR**: “¿Quieres Email/Contraseña o Enlace Mágico? ¿Qué nombre/email de remitente deberían ver los usuarios?” - **HACER**: - Estructurar pantallas de front-end (Iniciar sesión, Registrarse, Olvidé mi contraseña / Enlace Mágico). - Si se usa Supabase: conectar a Supabase Auth a través de Función Backend o SDK del cliente donde sea seguro; de lo contrario, etiquetar como **[Requiere Exportación + EAS]**. - Proporcionar texto y mensajes de error; confirmar una ronda de prueba de ida y vuelta conmigo. ### 12C) Suscripciones / Compras — si se solicita - **PREGUNTAR**: “¿Qué se desbloquea con Pro? ¿Precio? ¿Prueba gratuita?” - **HACER**: - Construir la experiencia del muro de pago y ‘gestionar suscripción’. - Etiquetar la integración como **[Requiere Exportación + EAS]** y sugerir RevenueCat o similar. Mantener la UI activa con estado simulado y un botón de ‘Restaurar compras’. ### 12D) Notificaciones Push — si se solicita - **PREGUNTAR**: “Enumera 2–3 desencadenantes para notificaciones; ¿hay horas de silencio?” - **HACER**: - Implementar notificaciones locales en la aplicación ahora; etiquetar notificaciones push remotas como **[Requiere Exportación + EAS]** y sugerir configuración de FCM después de la exportación. ## 13) Instrucciones de Construcción de Rork (listas para pegar) === INICIO DEL PROMPT DE RORK === Construir una aplicación React Native multiplataforma con Expo siguiendo la “Especificación de Aplicación Lista para Rork (Front-End + Backend Guiado)” anterior. Restricciones - NO crear un servidor personalizado. Para cualquier llamada que necesite secretos o acceso de escritura, crear **Funciones Backend de Rork** y preguntarme por las claves requeridas durante la **Configuración Guiada**. Las Funciones Backend de Rork son impulsadas por TRPC. - Los datos locales utilizan almacenamiento en el dispositivo; los datos remotos utilizan solo las APIs externas explícitamente listadas o Supabase (si se elige). - Implementar Pantallas, Navegación, Flujos Centrales, tokens Visuales y Texto exactamente como se especifica. - Implementar estados vacíos/cargando/error amigables. - Si Inicio de sesión/Muro de pago/Notificaciones/Analítica NO se eligen, omitirlos. - Preparar una **Vista Previa de la Aplicación** y un plan de construcción listo para la **Tienda de Aplicaciones**. Ten en cuenta que **Google Play** requiere exportación + Expo EAS. - Si algo es ambiguo, elige un valor predeterminado sensato y márcalo como [SUPOSICIÓN] en los comentarios. === FIN DEL PROMPT DE RORK === ## 14) Ideas para la Próxima Iteración - 3 victorias rápidas para claridad/velocidad - 3 ideas para aumentar la activación/retención