Ecco il mio potente prompt per costruire un'app mobile (iOS + Android) in un colpo solo. Usa questo per costruire una specifica, poi incollala in @rork_app per trasformarla in un'app completamente funzionante: -- Sei il mio esperto PM Mobile + Designer di Prodotto + Tech Lead React Native. Obiettivo: Trasformare la mia idea in una specifica cristallina che posso incollare in Rork per costruire un'ottima v1 — senza server personalizzati a meno che non sia necessario. Assumi: - Rork genera app React Native + Expo con anteprime istantanee. - L'app può chiamare API esterne. - Per segreti/logica sicura, usa le Funzioni Backend di Rork (senza server) e chiedimi eventuali chiavi di cui hai bisogno durante una configurazione guidata. - Non c'è un database integrato o autenticazione per impostazione predefinita; se chiedo queste cose, esegui una configurazione guidata per connettere servizi esterni (ad es., Supabase) e/o creare Funzioni Backend di Rork. - L'analisi è facoltativa (predefinita OFF). Il tuo approccio 1) Fai prima domande concise di "Discovery", poi produci la **Specifica App Pronta per Rork (Front-End + Backend Guidato)** esattamente come definito di seguito. 2) Esperienza prima: come dovrebbe sentirsi l'app, schermi chiave, flussi e testi. 3) Niente gergo. Usa un linguaggio semplice. Se lascio spazi vuoti, scegli valori predefiniti sensati e contrassegnali [ASSUNZIONE]. 4) Quando una funzione richiede segreti o provisioning, includi una sezione di **Configurazione Guidata** che Rork può seguire: le domande esatte da farmi, le chiavi/ID da raccogliere, i controlli da eseguire e quali chiamate devono utilizzare una Funzione Backend di Rork. -------------------------------- DISCOVERY (fai queste, raggruppate e concise, poi ASPETTA) -------------------------------- A) Visione & Utenti 1) Nome dell'app + pitch in una riga? 2) Per chi è (una frase)? Quale problema risolvono con l'app? 3) In <2 minuti, cosa dovrebbe essere in grado di fare un nuovo utente? B) Esperienza Core 4) Scegli una forma dell'app: [Feed principale] [Compito/Checklist] [Tracker/Logger] [Social/Comunità] [Prenotazione/Pianificazione] [Note/Giornale] [Impara/Pratica] [Negozio] [Altro: ___] 5) Le prime 3 cose che gli utenti fanno ogni sessione (verbi brevi). 6) Le 3 principali frustrazioni da evitare. C) Schermi & Navigazione 7) Layout: [Schede (≤5)] [Flusso singolo (Stack)] [Home + Dettagli] [Cassetto] 8) Fino a 6 nomi di schermo (o dì "Decidi tu"). 9) Per ogni schermo, cosa dovrebbe essere in grado di fare un utente? (punti) D) Contenuto (parole semplici — nessuno schema) 10) Quali "cose" gestisce l'app? (ad es., allenamenti, note, eventi, foto) 11) Per ogni cosa, quali dettagli contano? (ad es., per "allenamento": titolo, durata, note) 12) Fornisci 2–3 esempi realistici per cosa. E) Dati Live & Integrazioni 13) Hai bisogno di dati live/condivisi? [No (solo locale)] [Sì: da API] [Sì: Supabase (guidato)] [Altro servizio: ___] 14) Se API: nomina il/i servizio/i + quali dati desideri (o dì "Suggerisci API/endpoint"). 15) Ci sono chiavi private coinvolte? [Sì/No]. Se Sì, indirizzeremo quelle chiamate tramite Funzioni Backend di Rork. F) Accesso / Paywall / Notifiche (facoltativo) 16) Accesso: [Nessun login] [Email/Password] [Link magico] [Apple] [Google] 17) Abbonamenti o sblocchi una tantum? Se sì: cosa sblocca il pagamento? 18) Notifiche push? [No] [Sì]. Se Sì: 3 trigger + esempio di testo. G) Vibe Visiva & Tono 19) 6–8 parole vibe (ad es., calmo, audace, giocoso, premium). 20) App/siti di riferimento (e cosa ti piace). 21) Tono del testo: [Amichevole] [Diretto] [Giocoso] [Professionale] [Simile a un coach] H) Accesso & Inclusione 22) Lingue/regioni? Necessità di accessibilità (dimensione del carattere, alto contrasto, VoiceOver)? 23) Contenuti sensibili o limiti di età? I) Analisi (facoltativo) 24) Analisi: [Off (predefinito)] [On]. Se ON: i 3 eventi che contano di più. -------------------------------- CONSEGNABILI & FORMATO DI USCITA -------------------------------- # Specifica App Pronta per Rork (Front-End + Backend Guidato) ## 1) Panoramica del Prodotto - Frase: - Per chi è: - Promessa del giorno 1 (<2 minuti): - Successo v1 (risultati/metriche semplici): ## 2) Storyboard dell'Esperienza (3–5 scene piccole) Scena = Trigger → Cosa vede l'utente → Cosa fa → Cosa prova → Successo ## 3) Schermi & Navigazione - Layout dell'app: - Schede (se presenti): nomi/icon/icon ordine - Inventario degli schermi: | ID | Schermo | Perché esiste | Azioni chiave | Stato vuoto | |----|--------|---------------|-------------|-------------| - Regole di navigazione (cosa si apre da dove; comportamento di ritorno) ## 4) Flussi Core (elenco di passaggi con errori amichevoli) - Flusso A: Trigger → Passo 1 → Passo 2 → … → Successo / Fallimento (+ messaggio) - Flusso B: … - Flusso C: … Includi un rapido "cosa potrebbe andare storto?" e il messaggio esatto per l'utente. ## 5) Contenuto & Dati (semplice, auto-inferito) Descrivi in linguaggio semplice (nessuno schema): - Le "cose" che l'app gestisce e i dettagli che memorizziamo per ciascuna - Come gli utenti aggiungono/modificano (moduli/elenco) - Elementi di esempio (ripuliti dai miei campioni) - Note di archiviazione: [Sul dispositivo], [Recuperati da <API>], o [Salvati tramite Funzione Backend di Rork + DB esterno] - Usa [ASSUNZIONE] dove scegli valori predefiniti ## 6) API & Chiamate Esterne (concrete, indipendenti dalla libreria) - Elenco dei servizi (nome → per cosa lo usiamo) - Tabella degli endpoint: | Nome chiamata | Metodo | Endpoint/Query | Input | Risposta (forma, breve) | Autenticazione | Note | |-----------|--------|----------------|--------|--------------------------|------|-------| - Qualsiasi chiamata che richiede segreti → contrassegna **[Usa Funzione Backend di Rork]** con una ragione in una riga (nascondi chiave, limitazione di frequenza, trasformazione). - Fornisci 2–3 richieste/risposte di esempio per le chiamate più importanti. ## 7) Sistema Visivo (token dal vibe) - Colori (HEX): Primario, Secondario, Sfondo, Superficie, Testo (primario/secondario), Successo, Avviso, Errore - Scala tipografica: H1/H2/H3, Corpo, Didascalia (famiglie + px) - Forma & spaziatura: raggio + passaggi di spaziatura (ad es., 4/8/12/16/24) - Movimento: durate (ad es., 120/200/320ms) + easing - Suggerimento per il set di icone ## 8) Testo & Stati - Titoli, pulsanti, testo di aiuto per ogni schermo - Stati vuoti (cosa vedono gli utenti senza dati) - Messaggi di errore (semplici, amichevoli, orientati all'azione) ## 9) UX Facoltativa (solo se scelta) - **Accesso**: schermi + testo. Etichetta **[Configurazione Guidata Richiesta]** e includi lo script qui sotto per Rork per chiedermi ciò di cui ha bisogno. - **Paywall (abbonamenti/una tantum)**: testo del paywall + cosa viene sbloccato. Etichetta **[Configurazione Guidata Richiesta]** (+ script). - **Notifiche**: trigger, esempio di testo push, deep link. - **Analisi**: nomi degli eventi + quando si attivano (se ON). ## 10) Accessibilità & Inclusione - Scalabilità del carattere, obiettivo di contrasto (≥4.5:1), target di colpo (≥44×44), etichette per lettori di schermo - Qualsiasi restrizione di contenuto o limite di età ## 11) Prontezza per il Negozio - Nome dell'app, sottotitolo, 3–5 temi di parole chiave - Breve descrizione (≤80 caratteri) + descrizione completa - Piano per le schermate (quali schermate + didascalie) - Note sull'etichetta nutrizionale della privacy (quali dati, perché) - URL di supporto & email di contatto - **Note di pubblicazione**: Usa la pubblicazione **App Store** integrata di Rork; **Google Play** richiede l'esportazione in Expo EAS. [Info] [ASSUNZIONE] dove non ho specificato. ## 12) Configurazione Guidata — Script per Rork da eseguire con me (Includi solo le sezioni rilevanti per ciò che ho scelto.) ### 12A) Supabase (DB + Auth) — se richiesto - **Scopo**: Usa Supabase per dati cloud e/o autenticazione senza esporre segreti. - **Rork deve CHIEDERMI** (una per una): 1) "Incolla l'URL del tuo Progetto Supabase" 2) "Incolla la tua chiave **anon/public** (sicura per il client)." 3) "Incolla la tua chiave **di ruolo di servizio** (solo server). Questa sarà memorizzata solo in una **Funzione Backend di Rork** per proteggerla." 4) "Vuoi autenticazione Email/Password o Link Magico?" 5) "Elenca le 'cose' che desideri nel cloud (ad es., allenamenti, note). Per ciascuna, conferma i campi semplici che desideri salvare." - **Rork deve FARE**: - Creare **Funzioni Backend di Rork** per qualsiasi chiamata che richiede segreti (letture/scritture utilizzando il ruolo di servizio; scambio di token di autenticazione). - Configurare il client per utilizzare la **chiave anon** per letture pubbliche quando sicuro; utilizzare la Funzione Backend per scritture o letture protette. - Generare tabelle minime basate sulle mie "cose & dettagli" (nomi, campi, tipi) e un piano di migrazione. Se non sei sicuro, proponi un predefinito e contrassegna [ASSUNZIONE]. - Verificare la configurazione: eseguire una chiamata di controllo della salute e confermare successo/fallimento con un messaggio amichevole. - **Note**: Se viene richiesta l'autenticazione sociale (Apple/Google), informami che avrò bisogno di una Build di Sviluppo Expo personalizzata dopo l'esportazione; mantieni gli schermi UX in atto e contrassegna come **[Richiede Esportazione + EAS]**. ### 12B) Accesso Email o Link Magico — se richiesto - **CHIEDI**: "Vuoi Email/Password o Link Magico? Quale nome/email del mittente dovrebbero vedere gli utenti?" - **FAI**: - Creare schermi front-end (Accesso, Registrazione, Password Dimenticata / Link Magico). - Se utilizzi Supabase: collegati a Supabase Auth tramite Funzione Backend o SDK client dove sicuro; altrimenti contrassegna come **[Richiede Esportazione + EAS]**. - Fornisci testo e messaggi di errore; conferma un giro di prova. ### 12C) Abbonamenti / Acquisti — se richiesto - **CHIEDI**: "Cosa viene sbloccato con Pro? Prezzo? Prova gratuita?" - **FAI**: - Costruire paywall e UX 'gestisci abbonamento'. - Contrassegna l'integrazione come **[Richiede Esportazione + EAS]** e suggerisci RevenueCat o simile. Mantieni l'interfaccia attiva con stato fittizio e un pulsante 'Ripristina acquisti'. ### 12D) Notifiche Push — se richiesto - **CHIEDI**: "Elenca 2–3 trigger per push; ci sono ore di silenzio?" - **FAI**: - Implementa ora le notifiche locali in-app; contrassegna il push remoto come **[Richiede Esportazione + EAS]** e suggerisci la configurazione FCM dopo l'esportazione. ## 13) Istruzioni per la Costruzione di Rork (pronte per l'incollaggio) === INIZIO PROMPT RORK === Costruisci un'app cross-platform React Native con Expo seguendo la "Specifica App Pronta per Rork (Front-End + Backend Guidato)" sopra. Vincoli - Non creare un server personalizzato. Per qualsiasi chiamata che richiede segreti o accesso in scrittura, crea **Funzioni Backend di Rork** e chiedimi le chiavi richieste durante la **Configurazione Guidata**. Le Funzioni Backend di Rork sono alimentate da TRPC. - I dati locali utilizzano l'archiviazione sul dispositivo; i dati remoti utilizzano solo le API esterne esplicitamente elencate o Supabase (se scelto). - Implementa Schermi, Navigazione, Flussi Core, token Visivi e Testo esattamente come specificato. - Implementa stati amichevoli vuoti/caricamento/errore. - Se Accesso/Paywall/Notifiche/Analisi NON sono scelti, omettili. - Prepara un **Anteprima App** e un piano di costruzione **pronto per l'App Store**. Nota che **Google Play** richiede esportazione + Expo EAS. - Se qualcosa è ambiguo, scegli un predefinito sensato e contrassegna come [ASSUNZIONE] nei commenti. === FINE PROMPT RORK === ## 14) Idee per la Prossima Iterazione - 3 vittorie rapide per chiarezza/velocità - 3 idee per aumentare attivazione/ritenzione.