Claude Artifacts: interactieve content direct in je browser

Met Artifacts maakt Claude interactieve grafieken, diagrammen en mini-applicaties die je direct kunt gebruiken en aanpassen.

De meeste AI-assistenten geven je tekst terug. Soms met wat opmaak, soms met een codeblok dat je ergens moet plakken. Claude doet iets anders met Artifacts: het maakt interactieve content die je direct kunt zien en gebruiken, zonder dat je ook maar een regel code hoeft aan te raken.

Wat zijn Artifacts?

Artifacts verschijnen in een apart paneel naast je gesprek met Claude. In plaats van dat Claude zegt "hier is de code voor een grafiek", laat het de grafiek direct zien. Je kunt erop klikken, waarden aanpassen, en het resultaat bekijken. Hetzelfde geldt voor SVG-diagrammen, interactieve webapplicaties, en meer.

Het voelt alsof Claude niet alleen antwoord geeft, maar ook iets voor je bouwt. En dat klopt eigenlijk ook.

Wat kun je ermee maken?

De toepassingen die ik het vaakst gebruik en bij klanten zie:

  • Interactieve grafieken en visualisaties: Upload je data en Claude maakt er een grafiek van die je kunt aanpassen. Handig voor presentaties of voor het snel visualiseren van trends.
  • SVG-diagrammen: Processtromen, organigrammen, of andere visuele schema's die Claude tekent en die je direct kunt downloaden of aanpassen.
  • Code-snippets met preview: Als Claude code schrijft, kun je het resultaat direct zien in het Artifacts-paneel. Geen gedoe met kopieer-en-plak naar een apart programma.
  • Mini-webapplicaties: Claude kan kleine webapps bouwen die direct in het paneel draaien. Denk aan een calculator voor je specifieke berekening, een formulier, of een interactieve checklist.

Itereren op je Artifacts

Wat Artifacts extra bruikbaar maakt, is dat je erop kunt doorwerken. Je ziet het resultaat, zegt "maak de kleuren wat rustiger" of "voeg een extra kolom toe", en Claude past het Artifact aan. Dat heen-en-weer gaat snel, en je ziet direct wat er verandert.

Dit werkt ook tussen verschillende tools. Claude heeft add-ins voor Excel en PowerPoint waarmee je context kunt delen tussen die programma's. Je analyseert data in Excel, en op basis van die analyse maakt Claude een presentatie in PowerPoint, met de grafieken en conclusies erin verwerkt.

Wanneer gebruik je Artifacts?

Artifacts zijn het meest waardevol als je iets visueels of interactiefs nodig hebt. Een paar situaties waarin ik ze regelmatig inzet:

  • Je wilt snel een grafiek maken van ruwe data zonder een apart programma te openen
  • Je hebt een visueel diagram nodig voor een presentatie of document
  • Je wilt een prototype van een simpele webapplicatie zien voordat je gaat bouwen
  • Je werkt aan een spreadsheet en wilt de data visueel verkennen

Artifacts zijn beschikbaar op alle plannen, inclusief het gratis plan. Ze werken het beste in combinatie met Projects, waar je je bedrijfscontext kunt uploaden zodat de Artifacts die Claude maakt aansluiten bij je huisstijl en data.

Wil je eerst meer weten over Claude zelf? Begin dan met de introductie. Of ben je benieuwd hoe Cowork werkt, de desktop-assistent die nog een stap verder gaat dan Artifacts?