Claude Code può generare un sito web impressionante partendo da un riferimento di design, ma il primo risultato potrebbe non corrispondere pienamente all'obiettivo aziendale previsto. In questo esempio, Claude ha ricreato accuratamente lo stile visivo, inclusi font, colori, card interattive, testimonianze, modulo e footer. Tuttavia, ha realizzato un sito per uno studio dentistico invece che per un'agenzia web che crea siti per dentisti.

Questo è accaduto perché la richiesta iniziale non forniva abbastanza contesto. Invece di ricominciare da capo, il design esistente può essere perfezionato tramite un flusso di lavoro iterativo. È stato chiesto a Claude di mantenere il layout ma riscrivere i contenuti per Outbound, un'agenzia web che si rivolge a studi dentistici ad Austin. La principale call to action è stata modificata in una verifica gratuita del sito web.

Perfezionamento del sito web tramite input vocale

Le istruzioni di progetto lunghe non devono sempre essere digitate manualmente. La funzione microfono di Claude può essere utilizzata per descrivere le modifiche in modo naturale, includendo:

• Cosa fa l'azienda
• Chi è il pubblico target
• Quali contenuti devono essere modificati
• Quali parti del design esistente devono rimanere
• Quale deve essere la principale call to action

Claude può quindi porre domande di approfondimento quando mancano informazioni importanti e aggiornare il sito web in base alle risposte.

Collegamento di Claude a Vercel

Una volta che il sito web è pronto, deve essere distribuito su una piattaforma di hosting. Invece di configurare manualmente Git, GitHub e le impostazioni di distribuzione, Claude Code può collegarsi direttamente a Vercel tramite un connettore MCP.

Per collegare Vercel:

1. Fare clic sull'icona più vicino al campo di input della chat di Claude.
2. Aprire Connettori e selezionare Gestisci connettori.
3. Fare clic su Sfoglia connettori.
4. Cercare Vercel e fare clic su Connetti.
5. Autorizzare Claude ad accedere al team e ai progetti Vercel appropriati.

Dopo che la connessione è stata stabilita, Claude può distribuire il progetto, monitorare la distribuzione, identificare errori e restituire l'URL del sito web online.

Revisione dei problemi di distribuzione

La prima distribuzione può fallire se Claude sta ancora modificando il progetto in un'altra sessione o se i file attuali non corrispondono a quelli utilizzati durante la build. Claude può esaminare la distribuzione non riuscita, attendere il completamento delle modifiche al sito web, ricostruire il progetto e distribuirlo nuovamente.

Prima della pubblicazione, Claude può anche individuare elementi incompleti, come:

• Un modulo non collegato a un backend
• Contenuti segnaposto
• Un dominio personalizzato mancante
• Un'informativa sulla privacy incompleta

Questi problemi dovrebbero essere esaminati prima del lancio di un sito web in produzione. Tuttavia, è comunque possibile distribuire una versione temporanea per test o dimostrazioni.

Dal riferimento di design al sito web online

Dopo una distribuzione riuscita, Vercel fornisce un URL pubblico che può essere aperto su dispositivi desktop o mobili. Il sito risultante è responsivo e può essere successivamente collegato a un dominio personalizzato.

Questo flusso di lavoro dimostra come Claude Code possa gestire molto più che la semplice scrittura di codice. Può perfezionare i contenuti, modificare i file di progetto, collegarsi a servizi esterni, risolvere errori di build e distribuire un sito web funzionante tramite istruzioni in linguaggio naturale.

L'errore iniziale evidenzia anche una lezione importante: Claude offre i risultati migliori quando riceve un contesto di progetto chiaro fin dall'inizio. Definire l'attività, il pubblico, gli obiettivi e il risultato desiderato aiuta a mantenere il progetto allineato e riduce revisioni non necessarie.