Vai al contenuto
Liguori
§ 00 | GIOVANNI
Costruisco automazioni AI con Claude per PMI e freelancer italiani. 21 sistemi in produzione, zero dipendenti, 60+ ore/mese risparmiate. Stack: Python, GCP.
ACCEPTING NEW CLIENTS
Risorse · DM · ARTIFACTS

Claude Code Artifacts: la guida ai 3 use case che già funzionano

Il 18 giugno 2026 Anthropic ha rilasciato Artifacts per Claude Code in beta su Team e Enterprise. Ogni sessione diventa una pagina HTML live con URL permanente. Questa guida copre i 3 use case operativi con istruzioni step-by-step e le limitazioni reali da conoscere.

Commenta ARTIFACTS sotto il reel|20 giugno 2026|Giovanni Liguori
Contenuto assistito da AI

Claude Code Artifacts: la guida ai 3 use case che già funzionano

Il 18 giugno 2026 Anthropic ha rilasciato Claude Code Artifacts in beta per i piani Team e Enterprise. La meccanica è diretta: durante una sessione Claude Code, puoi generare una pagina HTML che vive su un URL permanente e si aggiorna in tempo reale mentre Claude Code lavora. Nessun export. Nessun copia-incolla. La URL è l'output.

Prima di scendere sui tre use case, due premesse operative:

  1. Disponibilità attuale: beta su piani Team e Enterprise. I piani Free e Pro non hanno accesso al momento. Limitazione dichiarata da Anthropic.
  2. Cosa si può collegare: live code dal repo, sorgenti dati esterne, più fonti contemporaneamente. La pagina riflette lo stato attuale di ciò che Claude Code sta leggendo o generando.

1) PR walkthrough

Quando fai code review in team, il problema classico è la sincronizzazione: il reviewer legge il diff su GitHub mentre lo sviluppatore spiega le scelte in chat. Due finestre, due contesti, ritardi.

Con Artifacts:

  1. Apri una sessione Claude Code sul branch in review
  2. Chiedi ad Artifacts di generare la pagina con il walkthrough delle modifiche
  3. Mandi la URL al reviewer: la pagina si aggiorna man mano che Claude Code aggiunge spiegazioni o modifica il codice

Il reviewer vede i cambiamenti nel momento in cui avvengono. Non fa F5 su GitHub. Non aspetta update in chat.

Quando usarlo: branch con modifiche complesse dove il perché conta quanto il cosa. Se la diff parla da sola, non ti serve.

2) Dashboard clienti

Il pattern classico: pull dei dati, query, export CSV, paste su Google Sheets, condivisione link. Ogni aggiornamento è un'operazione manuale.

Con Artifacts:

  1. Colleghi la sorgente dati (database, API, foglio Google) alla sessione Claude Code
  2. Claude Code costruisce la dashboard in HTML sulla base dei dati reali
  3. La URL che condividi al cliente si aggiorna quando i dati cambiano

Il cliente apre la URL e vede i dati attuali. Non devi mandare un aggiornamento ogni volta.

Condizione necessaria: i dati devono essere accessibili da Claude Code nella sessione. Se lavori su un database interno protetto, configura l'accesso MCP prima.

Quando non usarlo: per dashboard che richiedono interattività avanzata (filtri, drill-down, controlli) serve ancora uno strumento dedicato. Artifacts è adatto a report di lettura, non a tool di analisi.

3) Incident page

Quando succede un incidente in produzione, la comunicazione al team o ai clienti è spesso la parte più lenta: qualcuno deve scrivere l'update, tenerlo aggiornato, decidere quando chiuderlo.

Con Artifacts:

  1. Apri una sessione Claude Code durante l'incidente
  2. Artifacts genera la pagina: cosa è successo, cosa stiamo facendo, stato attuale
  3. Mentre Claude Code lavora alla risoluzione, la pagina si aggiorna automaticamente
  4. Il team o i clienti seguono la URL senza aspettare update manuali

La pagina include la cronologia delle azioni e lo stato della risoluzione, aggiornati in tempo reale.

Quando usarlo: incidenti con più persone da aggiornare in contemporanea. Non serve per bug isolati o fix rapidi senza comunicazione esterna.

Come attivare Artifacts

Non c'è una configurazione separata. Artifacts è disponibile nella sessione Claude Code se sei su Team o Enterprise:

  1. Accedi a claude.ai con il tuo account Team o Enterprise
  2. Apri o avvia una sessione Claude Code
  3. Usa il comando /artifact o il menu sessione per generare la pagina
  4. La URL è disponibile subito, con condivisione privata a livello di org per default

Nota: funzione in beta. Alcune opzioni come la version history potrebbero non essere disponibili su tutti gli account Team da subito. Se non la vedi, controlla gli aggiornamenti nelle prossime settimane.

Una cosa da sapere prima di usarla

La pagina Artifacts vive all'interno della sessione Claude Code. Se la sessione scade o viene cancellata, la pagina va con lei. Anthropic sta lavorando alla persistenza, ma in beta la dipendenza dalla sessione è una limitazione reale.

Per use case dove la URL deve restare attiva a lungo, tieni la sessione attiva o esporta una copia statica come backup.