Claude Artifacts: zo creëer je content met deze AI-tool

Stel je voor: een AI-assistent die je niet alleen antwoorden geeft, maar ook direct bruikbare content creëert. Dat is precies wat Claude Artifacts biedt. Deze handige functie binnen de omgeving van Claude gaat verder dan traditionele chatbots door complexe content te genereren zoals artikelen, code en zelfs games. In dit artikel leg ik de basics van Artifacts uit en deel ik een aantal voorbeelden.

Wat is Claude Artifacts?

Artifacts is een functie van Claude, de AI-chatbot van Anthropic. Als je Claude nog niet zo goed kent, lees dan eerst dit artikel. Artifacts is sinds de zomer van 2024 beschikbaar en stelt je in staat om uitgebreide tekst of code te bekijken in een apart venster naast het gesprek. Je hebt aan de linkerzijde je chatgesprek met Claude en aan de rechterzijde kun je resultaten uit dat gesprek weergeven. In deze video zie je in het kort hoe dat werkt:

 

Artifacts kunnen verschillende soorten content bevatten, zoals:

• Documenten (in Markdown of platte tekst)
• Code
• HTML-pagina’s
• SVG-afbeeldingen
• Diagrammen en stroomschema’s
• Interactieve React-componenten (voor het bouwen van gebruikersinterfaces)

Je kunt de inhoud van Artifacts kopiëren, downloaden of publiceren. In het geval van publiceren krijg je eerst een pop-up te zien waarbij je nog wordt gewaarschuwd dat je Artifact moet voldoen aan de regels en dat het geen persoonlijke of vertrouwelijke gegevens bevat. Gepubliceerde Artifacts kunnen ook weer door anderen gebruikt worden en ‘geremixt’, waarbij gebruikers hun eigen aanpassingen en verbeteringen toepassen.

Wat zijn de voordelen van Artifacts?

Het grote voordeel ten opzichte van de ‘traditionele chatinteractie’ is dat je beter overzicht hebt van het gesprek en je creaties. De conversatie en de content worden namelijk van elkaar gescheiden. Je kunt ook makkelijker terugklikken naar eerder gemaakte Artifacts, zonder eindeloos door te hoeven scrollen.

Ook kun je binnen Artifacts aanpassingen doen, door een stuk te selecteren en vervolgens met de opties ‘improve’ of ‘explain’ aan Claude te vragen verbeteringen aan te brengen of uit te leggen waarom die inhoud daar staat. Ben je niet tevreden over de aanpassingen? Je kunt terugschakelen naar een eerdere versie.

Om een mogelijk nadeel te noemen: je kunt niet álles binnen Artifacts. Het genereren van afbeeldingen of video’s is vooralsnog niet mogelijk. En op dit moment kun je niet zelf bepalen wat een Artifact moet worden. Dat bepaalt Claude voor je.

Hoe krijg je toegang tot Artifacts?

Je hebt al toegang tot Artifacts in de gratis versie van Claude. Om het te kunnen gebruiken, controleer je eerst of het aangevinkt staat in je profiel. Dat werkt als volgt. Als je in Claude bent, klik je rechtsonder op je profiel, klik dan op ‘Settings’ en zorg daar dat ‘Enable artifacts’ aangevinkt staat (zie afbeelding hieronder).

Ik krijg geen Artifact te zien, hoe kan dat?

Claude beslist op dit moment nog zelf wanneer Artifacts ingezet worden in je gesprek. Daar geeft Anthropic de volgende voorwaarden voor:

• De content is belangrijk en op zichzelf staand, meestal meer dan 15 regels lang.
• Het is een complex stuk inhoud dat op zichzelf staat, zonder dat er extra context nodig is voor het gesprek.
• De content wil je waarschijnlijk bewerken, herhalen of hergebruiken buiten het gesprek om.
• Het is content waarnaar je waarschijnlijk later wil terugverwijzen of die je wil gebruiken.

Zo’n functie is leuk, maar soms is het lastig om een beeld te vormen wat je er nou echt mee kunt doen en waarbij het meerwaarde kan hebben. Ik deel een paar laagdrempelige voorbeelden, en aan het eind van het artikel vind je nog wat linktips voor de gevorderden. 🙂

Voorbeeld 1. Een blogartikel schrijven

Stel, je wil een blogartikel schrijven en daar de hulp van Claude bij inschakelen. Wat ik aanraad, is om dan eerst aan Claude te vragen om mee te denken over de opzet van zo’n artikel. Je kunt je prompt zo uitgebreid en specifiek mogelijk maken, en zelfs jouw schrijfstijl uploaden om een authentiekere tekst op te leveren. Hier is een voorbeeldprompt ter inspiratie:

“Hi Claude. Je bent een expert in bloggen en je helpt me bij het schrijven van een Nederlandstalig artikel voor Frankwatching over de socialmedia-trends van 2024. De doelgroepen zijn marketeers, socialmedia-professionals en communicatie-professionals. Je houdt je bij het schrijven van dit artikel aan mijn tone-of-voice. Doe een voorstel voor de opzet, dat ik eerst moet goedkeuren, voordat je het hele artikel schrijft.”

Claude zal op basis van jouw prompt een opzet geven, die meestal in het scherm van het chatgesprek staat, maar soms ook als Artifact wordt weergegeven.

Als je tevreden bent met de opzet, kun je Claude vragen om het artikel te schrijven.* Dit wordt een Artifact. Vervolgens kun je in de Artifact ook nog om aanpassingen vragen door stukken tekst te selecteren en te prompten (zie de afbeelding hieronder). Maar je kunt ook de gehele tekst kopiëren en in je tekstverwerker plakken om het daar verder te redigeren en het nog wat authentieker te maken. 😉

*Ter info: ik heb Claude ook gebruikt om mee te denken over de opzet voor het artikel dat je nu leest, maar de inhoud schrijf ik liever zelf.

Voorbeeld 2. Een contentkalender maken voor social media

Heb je inspiratie nodig voor je contentkalender? Daar kan Claude ook bij meedenken. Zo doe ik voor dit voorbeeld alsof ik bij een universiteit werk en vroeg om een contentkalender voor Instagram te maken voor de maand januari. Mijn prompt was als volgt:

“Hi Claude. Je bent een medewerker van een Nederlandse universiteit. Ontwikkel een contentkalender voor januari 2025 voor Instagram, met post types, thema’s en de beste tijden om te posten voor de doelgroep studenten.”

In de video hieronder zie je hoe Claude vervolgens een Artifact creëert. Vervolgens vroeg ik nog om uitleg over één post en paste ik één post met Claude aan.

Nu is dit voorbeeld nog op tekst gebaseerd en dat is misschien wat saai. Dus ik vroeg Claude ook om er een interactieve kalender van te maken. Claude koos voor React, zie de video hieronder:

Voorbeeld 3. Een data-analyse laten maken

Een laatste voorbeeld. Stel, je wil een aantal pagina’s van je website optimaliseren voor zoekmachines (SEO dus). Je hebt van deze pagina’s een nulmeting gedaan en dat in een spreadsheet gezet. Daarin heb je cijfers staan over onder andere de pageviews, de click-through-rate vanuit Google en de gemiddelde ranking. Na een paar maanden heb je de nieuwe cijfers in een ander spreadsheet verzameld en wil je ze vergelijken en analyseren.

Je kunt in Claude de twee losse .csv-bestanden uploaden en een prompt meegeven om ze te analyseren. Hier is een voorbeeldprompt ter inspiratie:

“Hi Claude. Ik ben contentmarketeer en ik heb een aantal pagina’s van onze website geanalyseerd en een 0-meting gedaan. Daarna heb ik deze pagina’s van nieuwe teksten voorzien om de SEO te verbeteren, bezoekers beter te informeren en te overtuigen om een training te kopen. 3 maanden later heb ik een nieuwe meting gedaan. Je ziet ze in de twee csv-files. Mijn doel is om meer conversies te krijgen én meer pageviews. Jij bent mijn data-analist. Je vergelijkt de 0-meting met de meting van 3 maanden later in een tabel en deelt per pagina in bullet points jouw analyse en jouw aanbevelingen.”

Je krijgt vervolgens een reactie van Claude en in een Artifact een tabel waarin de resultaten vergeleken worden én waarin Claude advies geeft met verbetersuggesties. In mijn ervaring tot nu toe klopten de analyses, maar waren de verbetersuggesties en adviezen soms nog wat algemeen.

Het blijft AI en de manier waarop Claude reageert kan verschillen, dus maak je prompt zo specifiek mogelijk om je gewenste resultaten te krijgen. Noem je doelen expliciet. Je kunt ook benoemen wat Claude precies moet opleveren. Het is echt een kwestie van uitproberen en elke keer je prompt weer iets aanscherpen.

ChatGPT Canvas

Sinds oktober 2024 heeft OpenAI een vergelijkbare functie aan ChatGPT toegevoegd: Canvas. Dus ook binnen ChatGPT kun je nu gebruikmaken van zo’n handig tweede scherm – al is dat op dit moment alleen nog beschikbaar voor betalende gebruikers.

Er zijn verschillen tussen beide tools, dus ik raad aan om het vooral uit te proberen en te kijken wat je fijner vindt werken. En dat hangt wellicht ook af van of je liever ChatGPT of Claude gebruikt. 😉 Maar als ik één voordeel van Claude mag benoemen: deze tool wordt niet standaard met jouw data getraind. En Anthropic onderscheidt zich van OpenAI door een focus op veiligheid en privacy. Wel is het net als OpenAI een Amerikaans bedrijf, dus zul je moeten blijven oppassen met wat je deelt.

Artifacts-tips voor gevorderden

Hopelijk heb ik je geïnspireerd met deze laagdrempelige voorbeelden van Artifacts. Smaakt het naar meer? Dan heb ik nog een paar lees- en kijktips met leuke voorbeelden voor prompts en het bouwen van bijvoorbeeld datavisualisaties, apps, tools, games, en quizzen.

• 10 Interesting Use Cases of Claude Artifacts
• 15 Powerful Claude Artifacts Use Cases You Should Try (YouTube)
• Anthropic’s Claude AI for Marketing – Essential Use Cases and Effective Prompts

Heb jij nog tips voor het gebruik van Artifacts? Ik hoor ze graag. 🙂

Redactionele bronvermelding headerafbeelding: T. Schneider / Shutterstock.com