Imagine with Claude: een gids met praktische voorbeelden

Met de geavanceerde agent-achtige features van Sonnet 4.5 combineert Imagine with Claude redeneren, gereedschapsgebruik en meerstapsplanning om in enkele uren functionele codebases, user interfaces en zelfs presentaties te creëren.

Hoe krijg je toegang tot Imagine with Claude?

Om Imagine with Claude te gebruiken, kun je direct naar de Imagine with Claude-pagina gaan of onderaan rechts in de gebruikelijke Claude-chatinterface op de knop "Wil je bouwen vanuit je verbeelding?" klikken.

Per 30 september is deze functie alleen beschikbaar voor Max-abonnees gedurende de komende vijf dagen. Dus als je het wilt proberen, wees er snel bij of wacht op de release. Er is echter nog geen bevestiging van Anthropic dat dit een permanente Claude-functie wordt. Vooralsnog is het vooral een experimentele feature om de mogelijkheden van het nieuwe Claude Sonnet 4.5-model te tonen.

Hoe werkt Imagine with Claude?

De interface van Claude Imagine is vrij eenvoudig. Je hebt een promptveld waarin je kunt beschrijven wat je wilt bouwen. Er zijn ook een paar suggesties die je kunt gebruiken als je het gewoon wilt uitproberen en even geen inspiratie hebt.

De rest van de interface bestaat uit decoratieve, speelse elementen; die voegen geen functionaliteit toe aan Imagine with Claude.

Voorbeeld 1: een good news-feed bouwen

Om te beginnen wilde ik een van de suggesties proberen, dus klikte ik op de eerste: "Bouw een newsfeed voor goed nieuws."

Hier is een gemonteerde video van het bouwproces:

In dit voorbeeld zien we dat het een feed met goed nieuws bouwt. Het nieuws is niet klikbaar; je ziet alleen de kop, een samenvatting en een paar tags. Verder is de enige functionaliteit een knop om de feed te verversen, die een nieuwe batch goed nieuws ophaalt en toont.

Zoals je in de video hebt kunnen merken, is het contextvenster vrij klein voor deze research preview.

Merk op dat de app alleen binnen de interface bestaat en niet gepubliceerd kan worden. We kunnen de code ook niet inzien, en als we de pagina verversen, is alles voor altijd weg. In dit stadium is Claude Image dus vooral een feature om het idee te verkennen van LLM’s die code genereren die zichzelf bouwt.

Voorbeeld 2: een simpel spel bouwen

Voor het tweede voorbeeld wilde ik iets interactievers proberen, dus vroeg ik: "maak een eenvoudige dungeon explorer-game."

Ik probeerde dit voorbeeld drie keer vanaf nul en elke keer liep het tegen hetzelfde probleem aan. Zodra ik de speler verplaatste, was die niet meer zichtbaar.

Hier is een video van de laatste poging:

Uit de video zien we dat nadat ik voor het eerst naar beneden ging, de speler verdween. Daarna probeerde ik twee keer naar rechts te gaan om te zien of de munt werd opgepakt, en dat gebeurde ook. Maar alle andere munten werden tegelijk ook verzameld.

Na het verzamelen van de munten gaf ik als prompt dat de speler niet zichtbaar is en dat dit opgelost moest worden. Maar dat werkte niet. Alles bleef hetzelfde. Datzelfde gebeurde in mijn andere twee pogingen.

Al met al was dit voorbeeld best teleurstellend.

Voorbeeld 3: een cv-beheerapp bouwen

In dit derde voorbeeld probeerde ik een cv-beheerapp te bouwen. Ik gebruikte deze prompt:

"Maak een website om mijn cv te beheren. Ik wil al mijn werkervaring, vaardigheden, talen, publicaties en alle andere informatie die relevant is voor een cv kunnen toevoegen. Vervolgens wil ik, afhankelijk van de vacature waarop ik solliciteer, een subset van deze informatie selecteren om een gericht cv te genereren."

Dit voorbeeld werkte naar mijn idee over het algemeen goed. Voordat ik inga op de details van het maakproces, hier een video van het aanmaken.

De applicatie doet wat er gevraagd werd. We kunnen verschillende soorten informatie invoeren en vervolgens kiezen welke we willen opnemen.

Ik liep wel tegen een paar bugs aan. Ten eerste was er geen opslaan-knop toen ik een tweede vaardigheid toevoegde.

Toch kwam er ook iets goeds uit dit voorbeeld: ik wilde een categorie selecteren die niet bestond en kon die dynamisch toevoegen door Claude Imagine te prompten.

De tweede bug was dat exporteren naar pdf niet werkte.

Ondanks deze fouten vond ik dat dit voorbeeld veel beter werkte dan het andere. Op de een of andere manier hebben we in dit stadium pas 46% van de tokens gebruikt, wat opvallend is als je bedenkt dat het nieuwsvoorbeeld zo snel alle tokens gebruikte.

We weten niet hoe Claude Imagine achter de schermen werkt, maar uit dit voorbeeld lijkt het erop dat wat we zien, on-the-fly wordt gegenereerd vanuit de huidige context. Dat is zowel goed als slecht, vind ik. Het goede is dat het in staat is om vanaf nul een nieuwe view of functionaliteit te bedenken, de eerste keer dat we op een knop klikken.

Maar het lijkt erop dat zodra iets is bedacht, het niet wordt opgeslagen en elke keer opnieuw wordt bedacht. Zelfs de informatie die we hebben ingevoerd, lijkt uit de context te worden gegeneerd, wat kan leiden tot gevallen waarin het informatie hallucineert die we nooit hebben aangeleverd.

Gebrek aan verbeelding?

Iets anders dat me opviel, is dat ik bij dezelfde prompt telkens erg vergelijkbare resultaten krijg. Zo probeerde ik de cv-managerprompt opnieuw, en dit was het resultaat:

Deze tweede versie heeft nieuwe opties links; zo is er een sectie "Certificeringen" bijgekomen. Maar de rest is hetzelfde, inclusief de informatie in elke sectie.

Omdat elke sessie met Clause Imagine slechts tijdelijk is, lijkt het vooral geschikt voor prototyping en het uitproberen van ideeën. Maar het feit dat het bijna elke keer met hetzelfde idee komt, is behoorlijk beperkend.

Voorbeeld 4: een persoonlijke website bouwen

In de voorgaande voorbeelden vond ik de UI steeds vrij simpel, en ik wilde een voorbeeld proberen waarbij presentatie belangrijker is. Daarom vroeg ik om een persoonlijke website waarop ik mijn projecten kan laten zien.

In dit voorbeeld was Imagine with Claude capabeler en voerde het de wijzigingen uit die ik via prompts vroeg. Concreet kon ik:

1. Het mogelijk maken om een profielfoto te selecteren.
2. De UI herontwerpen.

Er waren ook wat bugs; zo gebeurde er niets toen ik op de knop "Projecten bekijken" klikte, ondanks dat Claude Imagine de klik wel herkende.

Dit voorbeeld bleek op onverwachte manieren interessant. Omdat de pagina bedoeld is om mijn apps te tonen, stonden er een paar fictieve appvoorbeelden in de content. Die hadden een knop "Demo bekijken", dus bij het klikken moest Claude Imagine die fictieve apps daadwerkelijk bedenken en tonen.

Voor elk ervan kwam het met een realistisch voorbeeld. Het gaf me een soort Inception-gevoel: een app in een app in een app, allemaal on-the-fly gegenereerd. Ik vond het best leuk om ermee te spelen.

Dit voorbeeld bevestigde ook dat de code telkens opnieuw wordt gegenereerd. Tijdens het spelen met de TaskMaster Pro-demo veranderde de UI van de taken na het klikken op de knop "AI Sort" en daarna opnieuw toen ik het venster sloot en weer opende.

De beperkingen van Imagine with Claude

Ik denk dat de belangrijkste beperkingen in de huidige Imagine with Claude-preview zijn:

1. Gebrek aan verbeelding. Ik begon dit artikel met het idee dat Claude Imagine een geweldig hulpmiddel zou kunnen zijn om ideeën te brainstormen voor een nieuwe app. We zouden een paar versies kunnen genereren en dan de beste ideeën uit elk ervan halen. Maar ik merkte dat vergelijkbare prompts tot zeer vergelijkbare resultaten leiden.
2. Geen persistentie of manier om de app te publiceren. Als we de pagina verversen, is alles weg.
3. Nog vrij buggy. Het lukte vaak niet om de functionaliteit van een knop te implementeren en wijzigingen op basis van een prompt door te voeren.

Het baanbrekende idee van Imagine with Claude

Wat echt nieuw is aan Imagine with Claude, is het idee om code on-the-fly te genereren door zelf te bepalen wat een knop zou moeten doen. Als dit wordt geïntegreerd in een software-editor, kan het revolutionair zijn.

De manier waarop software nu met AI wordt ontwikkeld, is dat LLM’s geïntegreerd zijn met de code-editor en de context van de code kennen. Vervolgens specificeert de ontwikkelaar via een tekstprompt wat de AI moet aanpassen. Met Imagine with Claude zouden we de promptstap kunnen overslaan. Het zou in de editor geïntegreerd kunnen worden, waarna de ontwikkelaar simpelweg een knop toevoegt. Door erop te klikken terwijl de app lokaal draait, zou Imagine with Claude de functionaliteit kunnen implementeren.

Dat ligt niet ver af van wat de Imagine with Claude-demo laat zien. De enige ontbrekende stappen zijn:

1. Integratie met een bestaande codebase.
2. Wijzigingen persistent maken. Nu lijkt het alsof de functionaliteit telkens opnieuw wordt bedacht, maar wat we nodig hebben, is dat die alleen wordt bedacht als ze nog niet is geïmplementeerd.

Een andere manier waarop Imagine with Claude extreem nuttig kan zijn, is in combinatie met designtools zoals Figma. Dan kan een designer de UI ontwerpen door de componenten op hun plek te zetten, waarna Claude Imagine het draait en de functionaliteit achter de UI-componenten implementeert.

Conclusie

Imagine with Claude introduceert een fascinerend nieuw paradigma voor AI-ondersteunde softwareontwikkeling, waarin functionaliteit dynamisch wordt geïmplementeerd op basis van de context van de applicatie.

Deze verschuiving weg van expliciet prompten zou de toekomst van programmeren kunnen zijn en ontwikkelaars enorm veel tijd besparen. De huidige versie is meer een speelse techdemo dan een praktisch ontwikkelhulpmiddel, en op zichzelf zeker geen doorslaggevende reden om op het Max-abonnement te stappen, zeker gezien het tijdelijke en experimentele karakter.

Ondanks deze tekortkomingen geloof ik in het kernidee. Deze research preview voelt als een eerste stap om te peilen wat mogelijk is, en ik ben oprecht benieuwd hoe Anthropic dit baanbrekende concept in de volgende iteratie verfijnt.