Learn how to use Claude Artifacts to build apps, websites, dashboards, games, and interactive AI tools, all without writing code.
In this step-by-step Claude Artifacts tutorial, I’ll show you how to create your first Artifact, upload your own data, customize what Claude builds, and publish it for others to use. Then, we’ll go further and build Claude AI directly into an Artifact, save data between sessions, and connect to external apps and services.
We’ll also look at how connectors and MCP (Model Context Protocol) let Claude Artifacts interact with tools like Slack. Plus, I’ll show you how Zapier MCP expands Claude with thousands of additional apps and actions, including an example that sends information directly from our Artifact to Trello.
Finally, we’ll look at Live Artifacts in the Claude desktop app and how they can pull in current information from connected apps and local files.
By the end, you’ll know how to use Claude Artifacts to build everything from simple dashboards and calculators to interactive, AI-powered applications.
Host: Kevin Stratvert
Sponsor: Zapier
📚 RESOURCES
- Connect Claude to thousands of apps with Zapier MCP: https://zapmcp.kevinstratvert.com
- Try Claude & Claude Artifacts: https://claude.ai
- Download the sample Kevin Cookie Company sales data: https://1drv.ms/x/c/b09f9559f6a16b6c/IQDUCVscnY1wRbHnDOybbYYFAShXsUDQFuveAJHcyG51KcY?e=1FnKZ3
Kevin Stratvert 