Aquí está mi poderoso mensaje para crear una aplicación móvil (iOS + Android) de una sola vez. Use esto para crear una especificación, luego péguela en @rork_app para convertirla en una aplicación completamente funcional: -- Eres mi experto Mobile PM + Product Designer + React Native Tech Lead. Objetivo: Convertir mi idea en una especificación clara que pueda pegar en Rork para construir una gran v1, SIN servidores personalizados a menos que sea necesario. Asumir: - Rork genera aplicaciones React Native + Expo con vistas previas instantáneas. - La app puede llamar a API externas. - Para secretos/lógica segura, use las funciones de backend de Rork (sin servidor) y pídame las claves que necesite durante una configuración guiada. - No hay base de datos incorporada ni autenticación de forma predeterminada; si los pido, ejecute una configuración guiada para conectar servicios externos (por ejemplo, Supabase) y / o crear funciones de backend de Rork. - Analytics es opcional (predeterminado OFF). Su enfoque 1) Primero haga preguntas concisas de "Descubrimiento", luego genere la **Especificación de la aplicación lista para Rolk (Front-End + Backend guiado)** final exactamente como se define a continuación. 2) Experimente primero: cómo debería sentirse la aplicación, pantallas clave, flujos y copia. 3) Sin jerga. Usa un lenguaje sencillo. Si dejo espacios en blanco, elija valores predeterminados sensatos y márquelos [SUPOSICIÓN]. 4) Cuando una función necesite secretos o aprovisionamiento, incluya una sección de **Configuración guiada** que Rork pueda seguir: las preguntas exactas que debe hacerme, las claves/ID que debe recopilar, las comprobaciones que debe ejecutar y qué llamadas deben usar una función de backend de Rork. -------------------------------- DESCUBRIMIENTO (pregunte estos, agrupados y concisos, luego ESPERE) -------------------------------- A) Visión y usuarios 1) ¿Nombre de la aplicación + tono 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 básica 4) Elija una forma de aplicación: [Fuente de inicio] [Tarea / Lista de verificación] [Rastreador / Registrador] [Social / Comunidad] [Reserva / Programación] [Notas / Diario] [Aprender / Practicar] [Comprar] [Otro: ___] 5) Las 3 cosas principales que los usuarios hacen en cada sesión (verbos cortos). 6) Las 3 principales frustraciones a evitar. C) Pantallas y navegación 7) Diseño: [Pestañas (≤5)] [Flujo único (pila)] [Inicio + Detalles] [Cajón] 8) Hasta 6 nombres de pantalla (o diga "Tú decides"). 9) Para cada pantalla, ¿qué debería poder hacer un usuario? (balas) 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) Dé 2-3 ejemplos realistas por cosa. E) Datos en vivo e integraciones 13) ¿Necesita datos en vivo / compartidos? [No (solo local)] [Sí: de las API] [Sí: Supabase (guiado)] [Otro servicio: ___] 14) Si APIs: nombra el(los) servicio(s) + qué datos deseas (o di "Sugerir APIs/endpoints"). 15) ¿Alguna clave privada involucrada? [Sí/No]. En caso afirmativo, enrutaremos esas llamadas a través de las funciones de backend de Rork. F) Inicio de sesión / Muro de pago / Notificaciones (opcional) 16) Inicio de sesión: [Sin inicio de sesión] [Correo electrónico / Contraseña] [Enlace mágico] [Apple] [Google] 17) ¿Suscripciones o desbloqueos únicos? En caso afirmativo: ¿qué desbloquea el pago? 18) ¿Notificaciones automáticas? [No] [Sí]. En caso afirmativo: 3 disparadores + copia de ejemplo. G) Vibración visual y tono 19) 6-8 palabras de vibración (por ejemplo, tranquilo, audaz, juguetón, premium). 20) Aplicaciones/sitios de referencia (y lo que te gusta). 21) Tono de copia: [Amistoso] [Directo] [Juguetón] [Profesional] [Tipo entrenador] H) Acceso e inclusión 22) ¿Idiomas/regiones? ¿Requisitos imprescindibles de accesibilidad (tamaño de fuente, alto contraste, VoiceOver)? 23) ¿Algún contenido sensible o límites de edad? I) Análisis (opcional) 24) Análisis: [Desactivado (predeterminado)] [Activado]. Si está activado: los 3 eventos que más importan. -------------------------------- ENTREGABLES Y FORMATO DE SALIDA -------------------------------- # Especificaciones de la aplicación Rork-Ready (front-end + backend guiado) ## 1) Instantánea del producto - Una línea: - Para quién es: - Promesa del día 1 (<2 minutos): - Éxito V1 (resultados/métricas simples): ## 2) Guión gráfico de la experiencia (3-5 escenas pequeñas) Escena = Desencadenante → Lo que el usuario ve → Lo que hace → Lo que siente → Éxito ## 3) Pantallas y navegación - Diseño de la aplicación: - Pestañas (si las hay): nombres/iconos/orden - Inventario de pantallas: | Identificación | Pantalla | Por qué existe | Acciones clave | Estado vacío | |----|--------|---------------|-------------|-------------| - Reglas de navegación (qué se abre desde dónde; comportamiento hacia atrás) ## 4) Flujos principales (listas de pasos con errores amistosos) - Flujo A: Desencadene → Paso 1 → Paso 2 → ... → Éxito / Fracaso (+ mensaje) - Flujo B: ... - Flujo C: ... Incluya un rápido "¿qué podría salir mal?" y el mensaje exacto para el usuario. ## 5) Contenido y datos (simple, autoinferido) Describa en un lenguaje sencillo (sin esquemas): - Las "cosas" que maneja la aplicación y los detalles que almacenamos para cada una - Cómo los usuarios los agregan/editan (formularios/listas) - Artículos de ejemplo (limpiados de mis muestras) - Notas de almacenamiento: [En el dispositivo], [Obtenido de<API>] o [Guardado a través de la función Rork Backend + base de datos externa] - Utilice [ASSUMPTION] donde elija los valores predeterminados ## 6) API externas y llamadas (concretas, independientes de la biblioteca) - Lista de servicios (nombre → para qué la usamos) - Tabla de puntos finales: | Nombre de la llamada | Método | Punto final/Consulta | Entradas | Respuesta (forma, corta) | Autenticación | Notas | |-----------|--------|----------------|--------|--------------------------|------|-------| - Cualquier llamada que necesite secretos → marcar **[Usar función de backend de Rork]** con una razón de una línea (ocultar clave, límite de velocidad, transformar). - Proporcione 2-3 solicitudes/respuestas de ejemplo para las llamadas más importantes. ## 7) Sistema visual (tokens de vibe) - Colores (HEX): Primario, Secundario, Fondo, Superficie, Texto (primario/secundario), Correcto, Advertencia, Error - Escala de tipos: H1/H2/H3, Cuerpo, Leyenda (familias + px) - Forma y espaciado: radio + pasos de espaciado (por ejemplo, 4/8/12/16/24) - Movimiento: duraciones (por ejemplo, 120/200/320 ms) + aceleración - Sugerencia de conjunto de iconos ## 8) Copia y estados - Títulos, botones, texto auxiliar para cada pantalla - Estados vacíos (lo que los usuarios ven sin datos) - Mensajes de error (simples, amigables, orientados a la acción) ## 9) UX opcional (solo si se elige) - **Iniciar sesión**: pantallas + copia. Etiqueta **[Se requiere configuración guiada]** e incluye el script a continuación para que Rork me pregunte qué necesita. - **Muro de pago (suscripciones/única)**: copia del muro de pago + lo que está desbloqueado. Etiqueta **[Se requiere configuración guiada]** (+ script). - **Notificaciones**: disparadores, ejemplo de copia push, enlaces profundos. - **Analytics**: nombres de eventos + cuándo se activan (si están activados). ## 10) Accesibilidad e inclusión - Escalado de fuentes, objetivo de contraste (≥4,5:1), destinos de visita (≥44×44), etiquetas de lector de pantalla - Cualquier restricción de contenido o límite de edad ## 11) Preparación para la tienda - Nombre de la aplicación, subtítulos, temas de 3 a 5 palabras clave - Descripción breve (≤80 caracteres) + descripción completa - Plan de captura de pantalla (qué pantallas + subtítulos) - Notas de privacidad de la "etiqueta nutricional" (qué datos, por qué) - URL de soporte y correo electrónico de contacto - **Notas de publicación**: Utilice la publicación integrada de la **App Store** de Rork; **Google Play** requiere exportación a Expo EAS. [Información] [SUPOSICIÓN] donde no lo especificé. ## 12) Configuración guiada: scripts para que Rork se ejecute conmigo (Solo incluya secciones relevantes para lo que elegí). ### 12A) Supabase (DB + Auth) — si se solicita - **Propósito**: Utilice Supabase para datos en la nube y/o autenticación sin exponer secretos. - **Rork debe PREGUNTARME** (uno por uno): 1) "Pegue la URL de su proyecto Supabase" 2) "Pegue su clave **anon/public** (client-safe)". 3) "Pegue su clave **rol de servicio** (solo servidor). Esto se almacenará solo en una **Función de backend de Rork** para protegerlo". 4) "¿Desea autenticación por correo electrónico / contraseña o Magic Link?" 5) "Enumere las 'cosas' que desea en la nube (por ejemplo, entrenamientos, notas). Para cada uno, confirme los campos simples que desea guardar". - **Rork debe HACER**: - Cree **Rork Backend Functions** para cualquier llamada que requiera secretos (lecturas/escrituras usando el rol de servicio; intercambio de tokens de autenticación). - Configure el cliente para que use **clave anónima** para lecturas públicas cuando sea seguro; use la función de 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, proponga un valor predeterminado y etiquete [ASSUMPTION]. - Verifique la configuración: ejecute una llamada de verificación de estado y confirme el éxito / error con un mensaje descriptivo. - **Notas**: Si se solicita el inicio de sesión social (Apple/Google), infórmeme que necesitaré una compilación de desarrollo de Expo personalizada después de la exportación; mantenga las pantallas de UX en su lugar y etiquete como **[Requiere exportación + EAS]**. ### 12B) Inicio de sesión por correo electrónico o Magic Link, si se solicita - **PREGUNTA**: "¿Quieres correo electrónico/contraseña o Magic Link? ¿Qué nombre de remitente / correo electrónico deben ver los usuarios?" -**HACER**: - Pantallas frontales de andamios (Iniciar sesión, Registrarse, Olvidé mi contraseña / Enlace mágico). - Si usa Supabase: conéctese a Supabase Auth a través de la función de backend o el SDK del cliente donde sea seguro; de lo contrario, etiquete como **[Requiere exportación + EAS]**. - Proporcionar mensajes de copia y error; Confirme un viaje de ida y vuelta de prueba conmigo. ### 12C) Suscripciones / Compras, si se solicita - **PREGUNTA**: "¿Qué se desbloquea con Pro? ¿Precio? ¿Prueba gratuita?" -**HACER**: - Cree un muro de pago y una experiencia de usuario de "administrar suscripción". - Etiquete la integración como **[Requiere exportación + EAS]** y sugiera RevenueCat o similar. Mantenga la interfaz de usuario activa con un estado simulado y un botón 'Restaurar compras'. ### 12D) Notificaciones automáticas: si se solicita - **ASK**: "Lista de 2-3 disparadores para empujes; ¿Alguna hora de silencio?" -**HACER**: - Implemente notificaciones locales en la aplicación ahora; etiqueta remote push como **[Requiere exportación + EAS]** y sugiere la configuración de FCM después de la exportación. ## 13) Instrucciones de construcción de Rork (listo para pegar) === INICIAR EL INDICADOR DE RORK === Cree una aplicación React Native multiplataforma con Expo siguiendo la "Especificación de aplicación lista para Rollo (front-end + backend guiado)" anterior. Restricciones - NO cree un servidor personalizado. Para cualquier llamada que necesite secretos o acceso de escritura, cree **Funciones de backend de Rork** y pídame las claves requeridas durante la **Configuración guiada**. Las funciones de backend de Rork funcionan con TRPC. - Los datos locales utilizan almacenamiento en el dispositivo; los datos remotos utilizan solo las API externas enumeradas explícitamente o Supabase (si se eligen). - Implemente pantallas, navegación, flujos principales, tokens visuales y copia exactamente como se especifica. - Implemente estados amigables de vacío/carga/error. - Si NO se eligen Inicio de sesión/Muro de pago/Notificaciones/Análisis, omítelos. - Prepare una **Vista previa de la aplicación** y un plan de compilación **listo para la App Store**. Tenga en cuenta que **Google Play** requiere exportación + Expo EAS. - Si algo es ambiguo, elija un valor predeterminado sensato y márquelo [ASSUMPTION] en los comentarios. === FIN DEL MENSAJE DE RORK === ## 14) Ideas de próxima iteración - 3 victorias rápidas para claridad/velocidad - 3 ideas para aumentar la activación/retención