Imagine with Claude: una guida con esempi pratici

Sfruttando le avanzate funzionalità agentiche di Sonnet 4.5, Imagine with Claude combina ragionamento, uso di strumenti e pianificazione multi-step per creare codebase funzionali, interfacce utente e persino presentazioni nel giro di poche ore.

Come accedere a Imagine with Claude?

Per usare Imagine with Claude, puoi andare direttamente alla pagina Imagine with Claude o cliccare il pulsante "Vuoi creare partendo dalla tua immaginazione?" nell’angolo in basso a destra della solita interfaccia di chat di Claude.

Al 30 settembre, questa funzione è disponibile solo per gli abbonati Max per i prossimi cinque giorni. Quindi, se vuoi provarla, affrettati o aspetta il rilascio pubblico. Tuttavia, non c’è ancora conferma da Anthropic che diventerà una funzione permanente di Claude. Per ora è più una funzionalità sperimentale per mostrare le capacità del nuovo modello Claude Sonnet 4.5.

Come funziona Imagine with Claude?

L’interfaccia di Claude Imagine è piuttosto semplice. C’è un campo di prompt in cui descrivere cosa vogliamo costruire. Ci sono anche alcuni suggerimenti da usare se vogliamo solo fare una prova e siamo a corto di idee.

Il resto dell’interfaccia è composto solo da elementi decorativi e divertenti; non aggiungono alcuna funzionalità a Imagine with Claude.

Esempio 1: creare un feed di buone notizie

Per iniziare, ho voluto provare uno dei suggerimenti, quindi ho cliccato il primo: "Crea un feed di notizie positive".

Ecco un video montato del processo di creazione:

In questo esempio vediamo che costruisce un feed con buone notizie. Le notizie non sono cliccabili; possiamo solo vedere il titolo, il riepilogo e alcuni tag. A parte questo, l’unica funzionalità è un pulsante per aggiornare il feed, che recupera e mostra un nuovo lotto di buone notizie.

Come avrai notato nel video, la finestra di contesto è piuttosto piccola per questa anteprima di ricerca.

Nota che l’app vive solo all’interno dell’interfaccia e non può essere pubblicata. Non possiamo nemmeno vedere il codice e, se aggiorniamo la pagina, va perso per sempre. Quindi, a questo stadio, Claude Image è davvero solo una funzione per esplorare l’idea di usare LLM per creare codice che si costruisce da solo.

Esempio 2: creare un semplice gioco

Per il secondo esempio, ho voluto sperimentare qualcosa di più interattivo, quindi gli ho chiesto di "creare un semplice gioco di esplorazione di dungeon".

Ho provato questo esempio tre volte da zero e ogni volta si è imbattuto nello stesso problema. Appena muovevo il giocatore, smetteva di essere visibile.

Ecco un video dell’ultimo tentativo:

Dal video si vede che, dopo che mi sposto in basso per la prima volta, il giocatore scompare. In seguito ho provato a muovermi due volte a destra per vedere se la moneta veniva raccolta, e così è stato. Tuttavia, tutte le altre monete sono state raccolte nello stesso momento.

Dopo aver raccolto le monete, ho indicato nel prompt che il giocatore non era visibile e che andava corretto. Tuttavia, non ha funzionato. È rimasto tutto uguale. Ho avuto la stessa esperienza negli altri due tentativi.

Nel complesso, questo esempio è stato piuttosto deludente.

Esempio 3: creare un’app per gestire il CV

In questo terzo esempio ho provato a costruire un’app per gestire il CV. Ho usato questo prompt:

"Crea un sito web per gestire il mio CV. Voglio poter aggiungere tutte le mie esperienze lavorative, competenze, lingue, pubblicazioni e qualsiasi altra informazione rilevante per un CV. Poi, a seconda del lavoro per cui mi candido, voglio selezionare un sottoinsieme di queste informazioni per generare un CV su misura."

Secondo me, questo esempio ha funzionato bene nel complesso. Prima di entrare nei dettagli del processo di creazione, ecco un video del processo.

L’applicazione fa quello che è stato richiesto. Possiamo inserire diversi tipi di informazioni e poi selezionare quali includere.

Mi sono imbattuto però in alcuni bug. Per prima cosa, non c’era il pulsante Salva quando ho aggiunto una seconda competenza.

Tuttavia, un aspetto positivo emerso da questo esempio è che volevo selezionare una categoria che non esisteva e sono riuscito ad aggiungerla dinamicamente usando un prompt su Claude Imagine.

Il secondo bug era che l’esportazione in PDF non funzionava.

Nonostante questi errori, ho trovato questo esempio molto più riuscito degli altri. In qualche modo, a questo punto del processo, abbiamo usato solo il 46% dei token, il che è sorprendente se pensiamo che l’esempio delle notizie ha esaurito tutti i token molto più rapidamente.

Non sappiamo come funzioni Claude Imagine in background, ma da questo esempio sembra che ciò che vediamo venga generato al volo dal contesto corrente. A mio avviso, questo è sia un bene che un male. La parte positiva è che è in grado di immaginare da zero una nuova vista o funzionalità la prima volta che clicchiamo un pulsante.

Tuttavia, sembra che una volta immaginato, non venga memorizzato e venga reimmaginato ogni volta. Anche le informazioni che abbiamo inserito sembrano essere generate dal contesto, il che potrebbe portare a casi in cui allucina informazioni che non gli abbiamo mai fornito.

Mancanza di immaginazione?

Un’altra cosa che ho notato è che ogni volta che uso lo stesso prompt, ottengo risultati molto simili. Per esempio, ho riprovato il prompt del gestore di CV ed ecco cosa ho ottenuto:

Questa seconda versione ha nuove opzioni a sinistra; per esempio, include una sezione "Certificazioni". Tuttavia, il resto è uguale, comprese le informazioni in ogni sezione.

Poiché ogni sessione con Clause Imagine è solo temporanea, sembra più adatta a prototipare ed esplorare idee. Tuttavia, il fatto che proponga quasi la stessa idea ogni volta è piuttosto limitante.

Esempio 4: creare un sito personale

Negli esempi precedenti, ho avuto l’impressione che la UI fosse sempre abbastanza semplice, e ho voluto provare un esempio in cui la presentazione è più importante. Per questo, gli ho chiesto di creare un sito personale in cui poter mostrare i miei progetti.

In questo esempio, Imagine with Claude è stato più capace e ha implementato le modifiche che ho richiesto tramite prompt. In particolare, sono riuscito a:

1. Rendere possibile la selezione di una foto profilo.
2. Ridisegnare la UI.

C’erano anche alcuni bug: per esempio, cliccando il pulsante "Visualizza progetti" non succedeva nulla, nonostante Claude Imagine riconoscesse la pressione del pulsante.

Questo esempio si è rivelato interessante in modi che non avevo previsto inizialmente. Poiché la pagina serve a mostrare le mie app, nei contenuti c’erano alcuni esempi di app fittizie. Avevano un pulsante "Guarda demo", quindi cliccandolo Claude Imagine ha dovuto effettivamente immaginare quelle app fittizie e mostrarle.

Per ognuna ha proposto un esempio realistico. Mi ha dato una sorta di sensazione alla Inception: un’app dentro un’app, dentro un’app, tutto generato al volo. L’ho trovato piuttosto divertente da esplorare.

Questo esempio ha anche confermato che il codice viene generato ogni volta. Giocando con la demo di TaskMaster Pro, la UI delle attività è cambiata dopo aver cliccato il pulsante "Ordinamento IA", poi è cambiata di nuovo quando ho chiuso e riaperto la finestra.

I limiti di Imagine with Claude

Secondo me, i principali limiti dell’attuale anteprima di Imagine with Claude sono:

1. Scarsa inventiva. Ho affrontato questo articolo pensando che Claude Imagine potesse essere un ottimo strumento per fare brainstorming di idee per una nuova app. Potremmo generare alcune versioni e poi prendere le idee migliori da ciascuna. Tuttavia, ho scoperto che prompt simili portano a risultati molto simili.
2. Nessuna persistenza o modo di pubblicare l’app. Una volta aggiornata la pagina, sparisce tutto.
3. Ancora piuttosto buggoso. Spesso non riusciva a implementare la funzionalità di un pulsante e ad applicare modifiche in base a un prompt.

L’idea rivoluzionaria di Imagine with Claude

La vera novità di Imagine with Claude è l’idea di generare codice al volo determinando in autonomia cosa dovrebbe fare un pulsante. Potrebbe essere rivoluzionaria se integrata in un editor software.

Oggi lo sviluppo software con l’IA vede gli LLM integrati nell’editor di codice con il contesto del progetto. Poi lo sviluppatore specifica, tramite un prompt testuale, cosa vuole che l’IA modifichi. Con Imagine with Claude, potremmo saltare il passaggio del prompt. Potrebbe essere integrato con l’editor, e lo sviluppatore aggiungerebbe semplicemente un pulsante. Quindi, cliccandolo mentre l’app gira in locale, Imagine with Claude potrebbe implementarne la funzionalità.

Non è lontano da ciò che mostra la demo di Imagine with Claude. I soli passaggi mancanti sono:

1. Integrarlo con una codebase esistente.
2. Rendere persistenti le modifiche. Al momento sembra che la funzionalità venga immaginata ogni volta, ma ciò di cui abbiamo bisogno è che venga immaginata solo se non è ancora implementata.

Un altro modo in cui Imagine with Claude potrebbe essere estremamente utile sarebbe accoppiarlo con strumenti di design come Figma. In questo modo, un designer potrebbe progettare la UI posizionando i componenti dove servono, e poi Claude Imagine la eseguirebbe e implementerebbe la funzionalità dietro i componenti dell’interfaccia.

Conclusione

Imagine with Claude introduce un nuovo e affascinante paradigma per lo sviluppo software assistito dall’IA, in cui la funzionalità viene implementata dinamicamente in base al contesto dell’applicazione.

Questo allontanarsi dal prompting esplicito potrebbe rappresentare il futuro del coding, facendo risparmiare ai developer un’enorme quantità di tempo. L’attuale versione è più una tech demo giocosa che uno strumento di sviluppo pratico, e di certo non è di per sé un motivo convincente per abbonarsi al piano Max, soprattutto dato il suo stato temporaneo e sperimentale.

Nonostante queste lacune, credo nel concetto di base. Questa anteprima di ricerca sembra un primo passo per testare i confini di ciò che è possibile, e sono davvero curioso di vedere come Anthropic affinerà questa idea rivoluzionaria nella prossima iterazione.