Creëren met artifacts

Geschatte tijd: 20 minuten

Leerdoelen

Aan het einde van deze les kunt u:

Uitleggen wat artifacts zijn en wanneer Claude ze creëert
Artifacts met collega's delen en openbaar publiceren
Veelvoorkomende artifact-problemen oplossen

Wat zijn artifacts?

Artifacts zijn zelfstandige, interactieve outputs die Claude in een apart venster naast uw gesprek creëert. In plaats van een lang blok code of tekst in de chat te zien, ziet u uw inhoud weergegeven en klaar voor gebruik — of het nu een werkende website, een interactief diagram of een document is dat u direct kunt downloaden.

Claude creëert automatisch een artifact wanneer inhoud aan bepaalde criteria voldoet:

Het is significant en zelfstandig, meestal meer dan 15 regels
Het is iets dat u waarschijnlijk wilt bewerken, itereren of hergebruiken
Het vertegenwoordigt complexe inhoud die op zichzelf staat zonder de omringende conversatie nodig te hebben
Het is inhoud waarnaar u later wilt verwijzen of die u wilt gebruiken

Veelvoorkomende artifact-typen

Claude kan verschillende soorten artifacts creëren, elk geschikt voor verschillende behoeften:

Documenten (inclusief markdown, platte tekst, Word-documenten, PDF's, PowerPoint en Excel): Ideaal voor alles wat tekstintensief is en u wilt exporteren of verder bewerken — zoals vergaderingsnotities, rapporten, projectplannen, blogposts en ander geschreven materiaal.
Code-fragmenten: Werkende code in elke programmeertaal — Python, JavaScript, C++ en meer. U kunt de code bekijken, kopiëren of downloaden voor gebruik in uw eigen projecten.
HTML-pagina's: Volledige webpagina's met HTML, CSS en JavaScript in één bestand. Perfect voor landingspagina's, formulieren, interactieve demo's of snelle prototypes.
SVG-afbeeldingen: Schaalbare vectorafbeeldingen voor logo's, pictogrammen, illustraties en andere visuele elementen. Deze worden direct in het artifact-venster weergegeven zodat u precies ziet wat u krijgt.
Mermaid-diagrammen: Stroomdiagrammen, sequencediagrammen, Gantt-diagrammen, organogrammen en meer. Beschrijf de relaties die u wilt visualiseren, en Claude creëert een diagram dat u kunt verfijnen.
React-componenten: Interactieve UI-elementen met echte functionaliteit — rekenmachines, dashboards, spellen, datavisualisaties. Dit zijn geen mockups; ze bevatten echte logica en reageren op gebruikersinvoer.

Uw eerste artifact creëren

Het creëren van een artifact is net zo eenvoudig als een gesprek voeren. Beschrijf gewoon wat u wilt, en Claude bepaalt of het als artifact moet worden gepresenteerd.

U kunt bijvoorbeeld zeggen:

"Maak een stroomdiagram dat ons klantinboardingproces toont (Opmerking: Claude kan nu visuele diagrammen zoals stroomdiagrammen als HTML genereren met behulp van Imagine, naast code-gebaseerde artifacts. )"
"Bouw een interactief dashboard waarmee ik maandelijkse uitgaven kan invoeren en een uitsplitsing kan zien"
"Ontwerp een landingspagina voor een productiviteitsapp met een hero-sectie en functielijst"
"Schrijf een projectbriefsjabloon die ik voor nieuwe initiatieven kan hergebruiken"

Als Claude niet automatisch een artifact creëert wanneer u dat verwacht, kunt u expliciet vragen: "Maak dit als een artifact" of "Toon me dit in een artifact. "

Wanneer Claude een artifact genereert, verschijnt het in een apart venster rechts van uw gesprek. Hier kunt u:

Verschillende formaten bekijken: Schakelen tussen een voorbeeld (hoe het eruitziet) en de onderliggende code
Inhoud kopiëren: Klik op het kopieerpictogram om de inhoud voor gebruik elders op te halen
Bestanden downloaden: Sla het artifact als bestand op uw computer op
Code bekijken: Zie precies wat Claude onder de motorkap heeft gegenereerd

Artifacts delen en publiceren

Zodra u iets nuttigs hebt gemaakt, hebt u verschillende opties om het te delen.

Kopiëren of downloaden: Voor persoonlijk gebruik of delen via andere kanalen, gebruikt u de knoppen kopiëren of downloaden in de rechterbenedenhoek van het artifact-venster.

Delen binnen uw organisatie (Claude for Work): Team- en Enterprise-gebruikers kunnen artifacts intern met collega's delen. Het gedeelde artifact blijft binnen uw organisatie en vereist teamverificatie voor toegang.

Openbaar publiceren: Voor gratis, Pro en Max-gebruikers kunt u artifacts publiceren om ze toegankelijk te maken voor iedereen met de link. Wanneer u publiceert:

Alleen de geselecteerde versie wordt openbaar (uw chat blijft privé)
Iedereen kan het artifact bekijken en ermee interacteren zonder een Claude-account
Anderen kunnen uw artifact "remixen" — het openen in hun eigen Claude-gesprek om het aan te passen en uit te breiden

Om te publiceren, klikt u op de knop "Delen" of "Publiceren" in de rechterbovenhoek van het artifact. U kunt op elk moment depubliceren door terug te gaan naar dat artifact en openbare toegang te verwijderen. Opmerking: Wanneer u een artifact publiceert, is het openbaar toegankelijk via de link — iedereen kan het bekijken, zelfs zonder Claude-account. Gepubliceerde artifacts worden niet door zoekmachines geïndexeerd, dus ze verschijnen niet in Google-resultaten.

Tips voor het maximale uit artifacts halen

**Wees specifiek over wat u wilt. ** "Bouw een budgettracker" is goed, maar "Bouw een maandelijkse budgettracker waar ik uitgaven per categorie kan invoeren, een cirkeldiagramuitsplitsing kan zien en een waarschuwing krijg wanneer ik over budget ben" is beter.

**Beschrijf de eindgebruiker. ** Claude vertellen wie het artifact zal gebruiken, helpt het passende ontwerpkeuzes te maken. "Dit stroomdiagram is voor nieuwe werknemers" leidt tot andere resultaten dan "Dit stroomdiagram is voor het engineeringteam. "

**Itereer stap voor stap. ** Vraag Claude om één functie tegelijk toe te voegen of één wijziging tegelijk aan te brengen. Dit maakt het gemakkelijker om te identificeren wat werkt en problemen vroeg op te vangen.

**Vraag artifacts aan wanneer nodig. ** Als u iets substantieels vraagt en Claude reageert in de chat in plaats van een artifact te creëren, zegt u gewoon "Maak dat alstublieft als een artifact. "

Reflectie op de les

Voordat u verdergaat, overweeg:

Welk terugkerend werk zou baat hebben bij een interactief artifact dat u kunt hergebruiken?
Zijn er processen in uw werk die duidelijker zouden zijn als stroomdiagram of diagram?
Welk prototype of hulpmiddel zou u helpen een idee snel te testen?

Wat komt volgende

In de volgende les leert u over Skills — herbruikbare instructiesets die Claude gespecialiseerde workflows leren.

Feedback

Terwijl u door de cursus vordert, horen we graag van u hoe u concepten uit de cursus in uw werk gebruikt en eventuele feedback die u hebt. Deel uw feedback hier.