Vito Semeraro AI Product Manager e PM builder, Milano

Diario da PM builder · 9 novembre 2026Come ho costruito il mio sito con Claude Code senza essere uno sviluppatore

Primo articolo della rubrica: cosa serve, che prompt uso, come va online e dove l’AI sbaglia ancora.

01

Articolo

In breve. Ho costruito vitosemeraro.com con Claude Code senza scrivere codice a mano: io descrivo cosa voglio, Claude scrive le pagine HTML, io controllo il risultato nel browser e approvo. Il sito ha dieci pagine statiche più questa, sta su GitHub e va online da solo su Firebase Hosting a ogni modifica approvata.

Perché un product manager dovrebbe costruirsi il sito da solo?

Faccio il product manager: scrivo requisiti, non codice. Volevo un sito che potessi cambiare da solo in pochi minuti, e volevo provare su di me lo stesso modo di lavorare con l’AI che propongo ai team. Se un metodo funziona sul mio sito, posso spiegarlo con esempi veri.

Cosa serve per iniziare con Claude Code?

PezzoCosa usoA cosa serve
Cartella del progettoIl repository GitHub vitosemeraro-sito, cartella publicContiene le pagine HTML, scritte senza generatore
Istruzioni per ClaudeUn file CLAUDE.md nella cartellaRegole fisse: tono, struttura delle pagine, cosa non toccare
PubblicazioneFirebase Hosting con un workflow di GitHub ActionsOgni modifica su main va online senza comandi a mano
Dominiovitosemeraro.com, comprato su NetsonsUn solo indirizzo per Google
StatisticheCloudflare Web Analytics, senza cookie, e Google Analytics 4 solo con consensoSapere chi arriva e da dove

Per iniziare bastano Claude Code installato, una cartella vuota e un account sull’hosting che preferisci. GitHub non è obbligatorio, ma rende ogni modifica tracciabile e reversibile.

Che prompt uso?

Questo è lo schema che riuso per ogni nuova sezione. La parte importante è la quarta riga: prima il piano, poi le modifiche.

Leggi CLAUDE.md e le pagine esistenti in questa cartella.
Voglio aggiungere: [cosa, per chi, perché].
Vincoli: stesso stile e stessa struttura delle altre pagine, nessuna libreria esterna nuova, testi in italiano.
Prima proponimi il piano in 5 righe e aspetta il mio ok.
Poi modifica i file e dimmi quali hai toccato e come verificarli nel browser.

Cosa è cambiato da quando c’è Claude Code?

Le modifiche sono piccole, frequenti e tutte registrate. Queste sono quelle della prima settimana di novembre 2026, prese dalla cronologia del repository:

DataModifica
2 novembreCodice di Google Analytics e Cloudflare aggiunto a tutte le pagine, pubblicato la sera stessa
5 novembreSito spostato su GitHub con pubblicazione automatica su Firebase
5 novembreTitle e description unici e più corti su 8 pagine; dati strutturati Person collegati al profilo
8 novembreImmagine di condivisione con dimensioni, tipo e testo alternativo, più i tag per X, su 9 pagine

Dove Claude Code sbaglia, e cosa controllo ancora a mano?

  • Modifiche ripetute. Le pagine sono HTML scritto a mano, senza un modello comune. Una modifica che vale per tutto il sito, come il codice delle statistiche, va ripetuta in ogni file, e devo controllare che non ne manchi nessuno.
  • Pagine dimenticate. Una pagina di prova lasciata nella cartella va online come le altre. Prima di pubblicare guardo l’elenco dei file cambiati.
  • Testi da verificare. Numeri, date e prezzi li controllo io: l’AI scrive bene anche quando un dato non c’è, ed è proprio lì che serve un occhio umano.

Cosa insegna questo a un product manager?

Il file CLAUDE.md funziona come un documento di requisiti che non scade: più è preciso, meno correzioni servono. Chiedere il piano prima delle modifiche è lo stesso passaggio di una refinement con il team. E il controllo finale resta umano: l’AI scrive, il PM decide cosa va online.

Come posso rifarlo io?

Parti dal prompt qui sopra e da un CLAUDE.md di poche righe: chi è il pubblico, che tono usare, quali file non toccare, come verificare una modifica. Se vuoi portare questo modo di lavorare nel tuo team, ne parlo in Intelligenza artificiale per aziende e nei workshop di formazione sull’AI. Un esempio di prodotto costruito così è Staged.ai.

Domande frequenti

Serve saper programmare per usare Claude Code?

No, per un sito statico come questo: descrivi cosa vuoi e controlli il risultato nel browser. Serve però saper leggere cosa è cambiato e decidere se va bene.

Quanto costa Claude Code?

Claude Code si usa con un abbonamento Claude o con l’API di Anthropic. Prezzi e piani cambiano spesso: quelli aggiornati sono su https://claude.com/pricing.

Dove si pubblica un sito fatto così?

Io uso Firebase Hosting: ogni modifica salvata su GitHub va online da sola. Va bene qualunque hosting di pagine statiche.

Claude Code può pubblicare il sito al posto mio?

Sì, se gli dai accesso al repository e la pubblicazione parte da GitHub. Io lo faccio, ma le regole su cosa può toccare stanno scritte nelle istruzioni del progetto.

Negli esempi ci sono solo dati del sito. Nessun dato di clienti, ospiti o conti reali. Pubblicato il 9 novembre 2026.