Nota: i tool AI cambiano molto velocemente. Questa guida riflette ciò che ha funzionato per me quando l’ho scritta e alcune parti potrebbero diventare obsolete. La aggiornerò quando il workflow cambia davvero.

In breve

• Sono un analista dati senza background da dev e ho costruito un’estensione screenshot Chrome + il sito usando IA.
• Ho usato soprattutto Gemini per implementare e ChatGPT come “seconda opinione” per debugging e traduzioni.
• La lezione più importante: architettura + pulizia a milestone contano più dei prompt enormi.

Data analyst, niente background dev — ho costruito un’estensione completa con AI

Sono un analista dati di professione e non capisco nulla di coding. Però so aumentare o diminuire radius e font-size in CSS, aggiungere una virgoletta mancante in HTML… e basta. Non ho idea di cosa sia JavaScript o perché funzioni.

Il processo può sembrare banale a un developer. Per me, senza esperienza software, è stato interessante guardare indietro. Ci ho messo quasi un anno.

Tutto nell’estensione, nel sito e in quello che leggi qui sotto è stato sviluppato o revisionato da AI. Troverai ancora qualche errore, ma senza AI sarebbero stati molti di più.

Di cosa si tratta?

Ho costruito un’estensione screenshot per Chrome. Supporta: area visibile, pagina intera (screenshot lungo), area selezionata e selettore elementi, con padding e timer. C’è una pagina editor (Lliben Capture) dove puoi ritagliare, annotare ed esportare (Copia, PDF, PNG, JPG) o stampare.

Ha quattro componenti principali:

1. Popup
2. Impostazioni
3. Pagina viewer/editor (Lliben Capture — si apre dopo la cattura)
4. Sito web

Ecco alcune immagini del progetto:

Stack tecnico

1. Google AI Studio
2. ChatGPT
3. Visual Studio Code
4. GitHub (edit del sito via GitHub)
5. Cloudflare Workers & Pages (GitHub deploy + build finale)
6. Resend (form di contatto e commenti)
7. Apple Email (storage economico + dominio, ma serve ecosistema Apple)
8. Stripe (pagamenti)

Email e pagamenti non erano necessari. Avrei potuto usare Gmail o Outlook, ma volevo una struttura “da azienda”: tutto a posto, inclusa monetizzazione.

Non penso che questo mi renda indipendente finanziariamente dall’oggi al domani. Ma voglio spingerlo finché posso guardarlo e dire: “Ok, ora è perfetto.”

Come è iniziato

Ho iniziato a inizio anno. Ho provato almeno 200 volte (non scherzo) da zero e ho mollato. Non conoscere gli strumenti di sviluppo ha influito tantissimo. Mi ricordo ancora di aver googlato come cambiare tema e font-size in VS Code.

Verso giugno/luglio ho ricominciato. Avevo già una base e non dovevo più combattere con tool, cartelle e build.

Gemini

Circa il 90% l’ho fatto con Gemini e il 10% con ChatGPT. Il sito e le feature sono scritte da Gemini, mentre ChatGPT l’ho usato per traduzioni.

Gemini funziona benissimo, ma è quasi impossibile farlo smettere di scrivere codice. Anche se dico “stiamo facendo brainstorming, niente modifiche”, lo fa lo stesso. È stata la mia frustrazione più grande con Gemini.

ChatGPT

Quando non riuscivo a risolvere un problema con Gemini, passavo a ChatGPT per capire la causa e fare brainstorming. Spesso dava consigli ottimi. Se niente funzionava, incollavo il codice e chiedevo una review o un rewrite mantenendo le variabili, poi testavo più versioni.

Il più grande limite che ho visto in ChatGPT finora è l’SVG: non è forte e non si avvicina a Gemini per generare icone SVG corrette.

Claude

Non sono riuscito a testarlo davvero a fondo. Le volte che l’ho provato ha prodotto troppo codice e ha complicato tutto. Ogni tanto lo riapro quando niente funziona — ma spesso entro con un problema ed esco con 100 nuovi.

Cosa conta davvero per me

1. I token e la “context awareness” non contano quanto sembra: meglio lavorare feature per feature che fare 2–3 cose insieme.
2. L’architettura è la cosa più importante: se non capisci l’architettura, alcuni bug tornano sempre.
3. Scrivi tu almeno in una lingua: io ho scritto tutto in inglese e poi ho tradotto. AI tende a scrivere troppo “marketing”.
4. Inizia con massimo 2 lingue: più lingue = più tempo per ogni iterazione.
5. Usa più modelli.
6. Pulisci il codice spesso: dopo milestone, rimuovi dead code e file vuoti.
7. Definisci casi d’uso e comportamento: mi ha aiutato a scoprire problemi di performance e spostare l’assemblaggio nel visualizzatore/editor.
8. Usa librerie pubbliche: per PDF A4 ho usato jsPDF ed è stato ottimo.

Un’ultima cosa

Molte piattaforme “AI coding” sono solo VS Code con un altro skin. Perché non usare direttamente VS Code ed evitare lock-in?

Cosa non ho testato

Non ho testato davvero i pagamenti in produzione. Stripe funziona in sandbox, ma mi sembra strano chiedere donazioni ad amici/famiglia.

Se sei un developer

Se sei un developer esperto, mi farebbe piacere un commento sull’estensione, sulle funzionalità o sul design del sito. È il mio primo progetto completo in produzione: qualsiasi critica è utile.

Estensione: Chrome Web Store – Lliben

Sito: https://lliben.com/

Conclusione

Lo spazio tra idea e implementazione si è ridotto tantissimo.

Da analista dati, è impressionante vedere quanto velocemente l’IA stia avanzando nel coding.

Da un lato, chiunque con un’idea può costruire qualcosa. Dall’altro: cosa succede ai developer esperti il cui lavoro è scrivere codice?

Non so se sia un bene o un male.

Senza AI, non mi sarei mai azzardato a provarci.

Quindi… posso chiamarmi developer?