How to Use Claude Artifacts (Beginner Tutorial)

About this video

Kevin demonstrates Claude Artifacts as a no-code way to build apps, websites, dashboards, games and interactive tools by describing what you want, available on a free account or any paid Claude plan. Starting from the Artifacts section, he creates a sales dashboard for the Kevin Cookie Company by answering Claude’s setup questions, choosing a bold and colorful style and uploading his own CSV data. Claude builds a fully interactive dashboard with key metrics and charts that show specific numbers on hover. Refinement is done by prompting — for example adding a dark mode toggle with a sun-moon control — or more precisely with the annotation tool, which lets you select a specific part of the page, comment on it, and either send the fix to Claude or leave it as a comment for a collaborator. Finished artifacts can be shared publicly with anyone with the link, with a choice of version, and pinned for quick access, though further edits require returning to the original chat or task. The second example builds AI directly into an artifact: an employee cookie-naming tool that takes ingredients such as dark chocolate, pretzels, caramel and sea salt and uses Claude live to generate five creative names, with no API setup or code. Kevin then adds persistent storage so favorite names can be starred and saved between sessions, useful for trackers, project tools and customer lists. Finally he shows connectors powered by MCP (Model Context Protocol): a native Slack connection to share a saved idea to a team channel, and Zapier MCP to reach thousands of additional apps, demonstrated by sending a saved idea to a Trello board as a new card. He closes with Live Artifacts in the Claude desktop app, which pull current data from connected apps and local files and can be refreshed on demand instead of relying on a static snapshot.

Key takeaways

• Create an artifact from the Artifacts page or a regular chat, answer Claude’s setup questions or describe it yourself, and supply your own data such as a CSV to get an interactive result without writing code.
• Refine by general prompting for whole-artifact changes, or use the annotation tool to target one element and either apply the fix via Claude or leave it as a review comment.
• Artifacts can call Claude themselves at runtime to generate fresh results from user input, so outputs are not pre-built into the page.
• Artifacts can persist data between sessions and connect to external services via MCP — natively to tools like Slack, and via Zapier MCP to thousands more such as Trello.
• Share a specific version publicly via link and pin important artifacts; Live Artifacts in the desktop app go further by pulling in current data from connected apps and files.

Episode details: published September 3, 2026 · 12:42 long. Summary written by Self Growth Videos from the episode itself. Business results and any income figures mentioned are Kevin Stratvert’s own claims, shared for education — they are not typical or guaranteed.

← Previous: How to Use ChatGPT Plugins (Full Tutorial) · Next: Google Vids Tutorial for Beginners – How to Create Videos with AI →

All Kevin Stratvert videos · Kevin Stratvert profile · Kevin Stratvert on YouTube