Com escriure instruccions que creen apps excel·lents

builder77 pot crear una app que funciona a partir d'una sola frase. Però una sola frase deixa moltes decisions en mans de la IA: per a qui és l'app, quines pantalles importen, quines dades desa i quina sensació ha de transmetre. Com més decisions d'aquestes prenguis per endavant, més s'acostarà la primera versió al que tenies al cap, i menys crèdits gastaràs corregint-la.

Aquesta guia repassa una estructura d'instrucció que fem servir nosaltres mateixos. No és màgia: només és una llista de comprovació que assegura que es diu el que és important.

1. Comença per a qui és i quina feina fa

«Una app de reserves» pot voler dir cent coses diferents. «Una app de reserves per a una perruqueria de dues persones on els clients trien un servei, una estilista i una franja horària» només pot voler dir-ne unes quantes. Comença per l'usuari i la feina, en una o dues frases.

Crea una aplicació web de reserves per a una perruqueria petita. Els clients trien un servei, una estilista i una hora disponible, i després deixen el nom i el número de telèfon.

2. Enumera les pantalles o seccions

Posar nom a les pantalles dona a la IA un esquelet per omplir. Per a una web, enumera les seccions per ordre. Per a una app, enumera les vistes principals i com es passa de l'una a l'altra.

• Web: hero, serveis amb preus, equip, secció de testimonis (l'ompliràs més endavant), horari, formulari de reserva, peu de pàgina amb enllaç al mapa.
• Aplicació web: tauler, vista de llista amb filtres, pàgina de detall, finestra modal per crear/editar, configuració.
• App mòbil: pestanyes a baix per a Avui, Plans, Progrés i Perfil, i un full inferior per afegir entrades.

3. Descriu les dades

Cada app de builder77 té una base de dades integrada, així que la IA desarà les dades en col·leccions. Obtindràs una app més neta si dius quines són aquestes col·leccions i quins camps importen. No cal llenguatge tècnic: n'hi ha prou amb noms senzills.

Desa les reserves (servei, estilista, data, hora, nom del client, telèfon, estat) i els serveis (nom, durada, preu). Afegeix alguns serveis d'exemple.

Si cada usuari només ha de veure els seus propis registres (un diari, un seguiment d'hàbits, un pressupost personal), digues-ho explícitament: «els usuaris es registren i només veuen les seves pròpies entrades». builder77 hi afegirà l'inici de sessió i filtrarà les consultes per l'usuari actual.

4. Dona-li una direcció visual

En l'estil és on les instruccions genèriques donen resultats genèrics. Dues o tres paraules concretes valen més que un paràgraf d'adjectius. Esmenta un ambient, un color i una referència, si en tens.

• «Càlid i minimalista, fons crema, tocs de terracota, títols amb serifa.»
• «Tauler fosc, contrast alt, destacats en verd elèctric, taules denses com a Linear.»
• «Divertit i arrodonit, colors pastel, botons grans i amables per a nens.»

També pots adjuntar una captura de pantalla com a referència. La IA agafarà pistes de disseny i de color de la imatge, així que és una drecera fantàstica quan tens una cosa concreta al cap.

5. Fes servir «Millora la instrucció» quan t'encallis

Si només tens una idea a mitges, escriu-la i prem Millora la instrucció. builder77 la reescriu com una instrucció detallada que cobreix usuaris, pantalles, dades i estil. Llegeix-la abans d'enviar-la i corregeix el que no encaixi. És una manera ràpida de passar d'«una app de fitness» a una especificació que de debò vulguis.

6. Itera amb passos petits i concrets

Un cop tinguis la primera versió, resisteix la temptació d'enviar una llista de dotze canvis. Les peticions petites són més fiables i més fàcils de desfer. Un bon ritme és una funció o un canvi visual per missatge.

• Fes servir Selecciona per fer clic en un element de la previsualització i dir exactament què n'has de canviar.
• Fes servir el mode Debat per planificar amb la IA una funció més gran abans de crear-la.
• Si alguna cosa falla, prem Arregla amb IA: envia l'error capturat perquè la IA el pugui reparar.
• Cada canvi és una versió. Si un resultat no t'agrada, restaura l'anterior i reformula la petició.

Un exemple complet

Crea una app mòbil de seguiment d'hàbits anomenada Streaky per a persones que estan creant petits hàbits diaris.

Pantalles: Avui (llista d'hàbits amb un botó gran per marcar-los i la ratxa actual),
Hàbits (afegir/editar hàbits amb nom, emoji, color i dies objectiu per setmana),
Estadístiques (gràfic setmanal de compliment i millor ratxa), Perfil (tancar la sessió).

Dades: els usuaris es registren; els hàbits i els registres diaris són privats per a cada usuari.

Estil: tranquil i proper, fons blanc trencat, accent verd suau,
targetes arrodonides, zones tàctils grans, barra de pestanyes a baix.

Són unes 80 paraules, i responen totes les preguntes que la IA hauria d'endevinar. Prova aquesta estructura amb la teva propera idea i tingues a mà les teves millors instruccions, perquè reutilitzaràs els patrons més del que et penses.