Costruire un piccolo strumento web con Claude Code

Descrivi in un paragrafo un piccolo strumento da browser e lascia che Claude Code lo costruisca come un unico file HTML. Ogni strumento gratuito di questo sito è stato costruito così.

Scegliere un ambito che un agente possa completare.

Gli strumenti che funzionano sono piccoli di proposito: un solo compito, locale al browser, senza account, senza backend, niente caricato. Pensa a un diff testuale, un generatore di pattern, una calcolatrice. Quell'ambito sta in un file HTML, il che significa che l'agente può costruirlo, testarlo e correggerlo in un unico ciclo — e ospitarlo è gratis ovunque.

Cosa serve.

  • Claude Code — incluso con un piano Claude Pro ($17 al mese con fatturazione annuale, $20 mensile). Funziona nel terminale, nell'app desktop Claude o nel browser.
  • Una cartella vuota e un browser per fare i test.
  • Un paragrafo di intento — vedi il brief nel passaggio due.

Dall'idea alla pubblicazione in sei passaggi.

  1. Installa Claude Code e accedi con il tuo account Claude, poi aprilo nella cartella vuota.
  2. Scrivi il brief: cosa fa lo strumento, a chi è rivolto e i vincoli — un solo index.html, CSS e JavaScript inline, tutto calcolato nel browser, niente inviato a un server.
  3. Lascia che l'agente costruisca la prima versione, poi apri il file nel tuo browser e usalo come farebbe uno sconosciuto.
  4. Segnala cosa non va in linguaggio semplice — l'agente corregge i file direttamente, quindi "il pulsante copia non fa nulla su Safari" è un'istruzione completa.
  5. Controlla il layout su tre larghezze con lo strumento gratuito Responsive Preview.
  6. Pubblica il file su un qualsiasi host statico gratuito, ed esegui prima il Launch Checklist Prompt — la guida al controllo pre-lancio mostra come.

Quanto costa davvero.

Un piccolo strumento costa un abbonamento, non un budget di sviluppo. L'intero sito — ogni strumento e pagina gratuiti su di esso — ha un registro di build pubblico che porta il totale a circa $565–825 in utilizzo AI (vedi le note di rilascio). Un singolo strumento è una piccola frazione di quella cifra. Claude Pro include Claude Code a $17 al mese con fatturazione annuale — questo link di referral Claude ti fa iniziare.

Quando un piccolo strumento è la scelta sbagliata.

Account, pagamenti, dati utente memorizzati o qualsiasi cosa sensibile rompono il modello locale al browser — quelli richiedono un vero backend e una vera ingegneria. E se ciò che ti serve davvero è una landing page invece di uno strumento, un template Carrd è la strada più breve.