Tots els prompts del curs, reunits en un sol lloc perquè els puguis reutilitzar sempre que vulguis, a qualsevol sessió i amb qualsevol IA (Gemini, ChatGPT, Claude…).
🔑 El mètode és sempre el mateix: copiar i enganxar. Allà on vegis
<...>, posa-hi el que toqui.
Un bon prompt per fer apps sol tenir aquestes quatre peces:
Com més clares les quatre peces, millor surt. Un prompt escàs dona una app escassa.
Fes-me una taula per a la base de dades d'una app que <DESCRIU L'APP EN UNA FRASE>.
Les columnes (capçaleres exactes, a la primera fila) han de ser:
<COLUMNA 1>, <COLUMNA 2>, <COLUMNA 3>...
Posa-hi UNA sola fila d'exemple realista. Quan tinguis la taula, recorda'm que
l'he d'exportar amb «Exporta a Sheets» (al menú ⋯ sota la taula) per tenir el full.
Ets el meu programador. Fes-me una app web completa amb Google Apps Script.
Explica-m'ho EN CATALÀ; soc principiant i no sé programar.
🎯 QUÈ HA DE FER:
- És una app per <DESCRIU L'APP>.
- La base de dades és el full de Google ACTIU (fes servir getActiveSpreadsheet(),
NO en creïs un de nou). Les columnes són: <COLUMNES>.
- Un formulari per afegir una fila nova: <CAMPS DEL FORMULARI>.
- En desar: valida els camps, guarda la fila, mostra un missatge de confirmació,
buida el formulari i refresca la llista SENSE recarregar la pàgina.
- Mostra a sota la llista de registres (i si encara no n'hi ha cap, que no peti).
- <EXTRA: què vols que calculi o mostri, p. ex. una mitjana, un total, un resum>.
🎨 COM HA DE QUEDAR:
- Disseny net i adaptat a MÒBIL.
- Estil visual: <COLOR / CLAR-FOSC / CANTONADES / PERSONALITAT>.
- Un indicador de «desant…» mentre treballa.
🧩 ELS DOS FITXERS:
- Codi.gs = el motor (doGet que serveix la pàgina + funcions amb google.script.run).
- Index.html = la cara (el formulari i la llista).
- SENSE frameworks ni llibreries externes: HTML, CSS i JavaScript senzills.
📦 QUÈ VULL DE TU:
- Els DOS fitxers SENCERS, llestos per enganxar.
- Comentaris EN CATALÀ.
⚠️ La IA no edita el teu codi: en crea de nou. Per això li has de donar el teu codi actual i exigir-li els fitxers sencers.
Vull millorar la meva app d'Apps Script. Soc principiant i NO sé editar codi a mà:
NO em diguis «afegeix aquesta línia aquí». Torna'm els DOS fitxers SENCERS,
llestos per substituir-los del tot.
CONTEXT DE L'APP:
- Què fa: <DESCRIPCIÓ>. Columnes del full: <COLUMNES>. Aspecte: <COLOR/FONS>.
LA MILLORA QUE VULL:
- <DESCRIU LA MILLORA: p. ex. un cercador, editar/esborrar files, un gràfic...>.
- Mantén tot el que ja funciona i el disseny actual; canvia NOMÉS el que demano.
- Si la millora necessita una columna NOVA al full, avisa-me'n clarament al principi
(l'afegiré a mà).
EL MEU CODI ACTUAL:
--- Codi.gs ---
<ENGANXA AQUÍ TOT EL TEU Codi.gs>
--- Index.html ---
<ENGANXA AQUÍ TOT EL TEU Index.html>
🔑 Primer llegeix l'error. Després enganxa'l amb el codi.
La meva app d'Apps Script ha petat. Ajuda'm a arreglar-la com un bucle de depuració.
Explica-m'ho EN CATALÀ i senzill. Torna'm els fitxers SENCERS que calgui canviar.
L'ERROR QUE EM SURT:
<ENGANXA AQUÍ EL MISSATGE D'ERROR, TAL QUAL>
EL MEU CODI:
--- Codi.gs ---
<ENGANXA Codi.gs>
--- Index.html ---
<ENGANXA Index.html>
Digue'm: 1) QUÈ falla i PER QUÈ, en una frase. 2) COM ho arreglo. 3) Torna'm el/els
fitxer(s) sencer(s) corregits.
context/que-ha-de-fer.md (el producte):
# Què ha de fer l'app
## Idea
<Descriu la teva app en 2-3 frases>
## Per a qui
<Per a tu? Per a un grup? Qui hi accedeix?>
## Dades que guarda (columnes del full)
- <Columna 1>
- <Columna 2>
## Pantalles
- <Un formulari per...>
- <Una llista de...>
- <Un resum amb...>
context/arquitectura.md (el tècnic):
# Arquitectura
- App d'Apps Script amb DOS fitxers: Codi.gs (motor) i Index.html (cara).
- El rebost és un FULL de Google (capçaleres a la fila 1).
- Comentaris del codi EN CATALÀ.
- SENSE frameworks ni llibreries externes: HTML, CSS i JavaScript senzills.
- La cara parla amb el motor amb google.script.run.
- NO es publica des de GitHub (encara): el codi es copia a Apps Script.
La instrucció per a l'agent:
Llegeix la carpeta context/ i construeix l'app que s'hi descriu seguint
l'arquitectura. Torna'm els dos fitxers sencers: Codi.gs i Index.html.
Si l'agent no «veu» la carpeta
context/, enganxa-li el text dels dos.mddirectament al xat.
Enganxa a sota el diff del PR (pestanya Files changed) o els fitxers nous sencers.
Ets un revisor de codi amable i clar. Revisa NOMÉS aquest canvi (no tota l'app).
És una app d'Apps Script (Codi.gs = motor, Index.html = cara, un full com a rebost).
Explica-m'ho EN CATALÀ i senzill.
Digue'm:
1. ERRORS: hi ha alguna cosa que pugui petar? On i per què?
2. SEGURETAT: el canvi exposa dades, secrets o deixa entrar qui no ha d'entrar?
3. MILLORES: alguna cosa fàcil que el faria millor (opcional)?
Acaba amb una recomanació clara: el FUSIONO tal com està, o el RETOCO abans?
--- AQUÍ ENGANXO EL DIFF O ELS FITXERS DEL CANVI ---
Ets el meu agent i m'ajudes a muntar un desplegament automàtic per a la meva app
d'Apps Script. Explica-m'ho EN CATALÀ i senzill, pas a pas, com a principiant.
CONTEXT:
- La meva app és d'Apps Script: Codi.gs + Index.html + un full de Google.
- El meu Script ID és: <ENGANXA AQUÍ EL TEU SCRIPT ID>
- Treballo en un repo de GitHub, dins d'un Codespace, i ja sé fer branques → PR → merge.
VULL: que CADA COP QUE ES FUSIONI un canvi a `main`, l'app es publiqui SOLA al /exec,
SENSE que jo toqui mai Apps Script ni executi clasp a mà.
FES (o dona'm els fitxers i comandes per enganxar):
1. Un `.clasp.json` que apunti al MEU Script ID i als meus fitxers.
2. Un workflow `.github/workflows/deploy.yml` que, en fer push a `main`, instal·li
clasp, llegeixi la credencial des d'un SECRET del repo, faci `clasp push` i
`clasp deploy`. Fes servir l'ÚLTIMA versió i digues-me quina és.
3. Digue'm clarament: la comanda del `clasp login`, que he d'activar l'API d'Apps
Script (i ON), i quin SECRET afegir (NOM exacte i d'on surt el valor).
4. PROTEGEIX `main` amb un ruleset perquè no es pugui fer push directe, només via PR.
Recorda'm que hi ha 3 coses que NOMÉS puc fer JO (són del meu compte): el login,
activar l'API i posar el secret. Tu em dius on clicar; jo autoritzo.
La meva GitHub Action de desplegament ha FALLAT (s'ha posat vermella). Ajuda'm a
arreglar-la com un bucle de depuració. Explica-m'ho EN CATALÀ i senzill.
T'enganxo: 1) el LOG vermell (el pas que ha fallat i les últimes línies),
2) el meu deploy.yml, 3) el meu .clasp.json (si cal).
Digue'm: QUÈ falla i PER QUÈ (una frase). Si és el NOM del secret, l'API no activada,
el Script ID, la VERSIÓ de l'acció/clasp, els PERMISOS, o que falta `clasp deploy`.
COM ho arreglo, pas a pas. Si canvies un fitxer, torna-me'l SENCER. I com torno a
executar l'Action.
--- AQUÍ ENGANXO EL LOG, EL WORKFLOW I EL .clasp.json ---
Canvia
<PLATAFORMA>per la que vulguis (Firebase, Supabase, Vercel, Netlify, Replit…).
Ets professor de <PLATAFORMA> i m'ensenyes pas a pas. Explica-m'ho EN CATALÀ i senzill.
QUI SOC:
- Soc principiant. Vinc d'Apps Script (Codi.gs + Index.html + un full).
- Domino aquest mètode: poso el CONTEXT, un AGENT construeix, treballo amb BRANQUES i
PULL REQUESTS, reviso amb IA i tinc DESPLEGAMENT AUTOMÀTIC des de GitHub.
VULL:
- Una PRIMERA mini-app a <PLATAFORMA>, pas a pas, des de zero.
- Que m'expliquis en què s'assembla i en què es diferencia d'Apps Script.
- Com aplicar el MEU mètode (context → agent → GitHub → desplegament) aquí.
IMPORTANT:
- Si hi ha capa gratuïta, AVISA'M que ho he de verificar a la web oficial (els plans
canvien sovint).
- Recorda'm que NO posi mai claus ni contrasenyes dins del codi (i menys si és públic):
van a les variables/secrets de la plataforma.
Comença per la mini-app més senzilla i, quan funcioni, proposa'm el següent graó.
Pàgina generada automàticament des de recursos/banc-de-prompts.md · revisat el 2026-06-14. Edita el .md, no aquest fitxer.