Loading

Use artifacts to visualize and create AI apps without ever writing a line of code

Artifacts are like mini-apps you can build with Claude. Learn how to use them to illustrate ideas. Then customize, and share them right from your Claude app.

9 minClaude.ai

When the creative juices are flowing, the last thing you want to do is interrupt your process to wrestle with technical details of bringing your vision to life. With artifacts, when you have a creative epiphany, there's no slowing down, and no waiting for tech teams to support. Just tell Claude what you want, and watch it appear right before your eyes. Artifacts keep you in the flow state and help you deliver a working app prototype in minutes.

Making an artifact comes down to two moves: describe the problem you want solved, then build on Claude's responses until the app fits what you pictured. Plan to iterate from the start. The first version Claude builds is a working draft, and every follow-up request makes it more your own.

Loading

What are artifacts and when would you use them?

Artifacts are interactive apps that emerge from your conversations with Claude. They let you generate material like code, documents, and apps from Claude app chat.

These are great for when you want to quickly spin up any kind of digital product — from a serious business tool to a fun game for your kids. Consider these examples:

  • Product prototypes — You don’t need to be a designer or engineer to mock up a new landing page or app. Just ask Claude for what you need. Like this mood canvas that creates colorful visualizations based on user input.

  • Tailored AI assistants — Tired of answering the same questions over and over again? Claude can build chatbots that have context to handle common queries, letting you focus on other work. Like a wedding planner bot that knows all of your vendor details, a recipe helper that only suggests meals your kids will eat, or this email writing assistant that turns raw thoughts into polished communications.

  • Learning games — A parent wanting to help their child learn multiplication tables could describe an interactive game where kids battle monsters by solving math problems. A few turns later, they’ll have a working prototype. Or to learn for yourself, try this language tutor that lets you chat and learn in a language of your choice.

  • Small business solutions — A small business owner needing inventory tracking can describe their workflow to Claude and create a custom tool that perfectly suits their needs. Just like this project dashboard generator that takes user input and provides Gantt charts, progress bars, and milestone tracking.

The options are really endless. For more inspiration, visit the “Artifacts” tab in your Claude app, or try asking Claude what you should build. (Note that the “Artifacts” tab itself is only available on free, pro, and max plans, and currently does not exist on mobile). Artifacts are also available on team and enterprise plans, where an Owner can enable them for the whole organization.

Creating your first artifact

The best way to create an artifact is to describe a problem you want to solve, then let Claude help you refine it. Here's a step-by-step approach:

  1. Head to “artifacts” in your sidebar: While you can create artifacts in any chat, starting here signals your intent to Claude, so it can help you build the best possible version of your app.
  2. Start with exploring your problem: Share your ideas (and your problems) with Claude — like "I wish I had a better way of teaching the water cycle to my class, they seem so bored.”
  3. Let Claude interview you: Claude will ask follow-up questions to clarify your vision. For example, what age range are you trying to teach?
  4. Ask Claude to build it: Once you've clarified your idea through the discussion, directly request the artifact with phrases like "Can you create this for me?" or "Let's build this now." Claude will then generate the artifact based on your conversation.

And that’s it! With just a few turns you’ll have a functioning app that you can further customize to fit your needs.

Practice: start with a problem you already have

Pick one small annoyance from your week, something you explain repeatedly or track by hand. Head to “artifacts” in your sidebar and send this prompt, with your problem in place of the example:

I want a small app that helps with this problem: I track my team's weekly priorities in my head and they get lost by Wednesday. Ask me a couple of questions about who will use it and what it needs to show, then build it as an artifact.

Answer Claude's questions, then send at least one follow-up that changes something specific, like "make each priority checkable" or "sort the list by deadline." Each follow-up builds on everything you have already told Claude, so say what to change and keep going until the app does what you need.

Tips for improving your artifact

Your initial creation is just the starting point. From here, you can request changes, feedback, and more to get your artifact into a sharable state. Here’s 3 tips to get the most out of artifacts:

  • Iterate with follow-up prompts: Simply ask Claude to modify your artifact ("make the buttons bigger," "add a timer," "change the color scheme"). Each request builds on previous versions while Claude maintains context about what you've built and why.

  • Debug through conversation: When something breaks, either click "Fix with Claude" or describe the problem in plain language ("the calculator isn't working with decimals," "the game crashes at level 3"). No need to understand technical error messages. For even deeper understanding, turn on extended thinking or use a more intelligent model.

  • Experiment with forking: Go back to any previous message, click "Edit" to create a new conversation branch, and try different approaches. You can always return to your original version, encouraging bold experimentation with styles, features, or entirely different directions.

Check your artifact before you share it

Artifacts look finished as soon as they render, so spend two minutes trying to break yours before anyone else sees it. Enter the input a rushed user would: a decimal where a whole number is expected, an empty field, an answer that is far too long. If something misbehaves, tell Claude what you entered and what happened instead, or click "Fix with Claude."

Then question the output itself. If your artifact computes, counts, or recommends anything, work one example out by hand and compare. An app that looks polished but gets the numbers wrong will mislead the people you share it with, and you are the only one who can catch that before they do.

The habit worth keeping applies to more than artifacts: whenever Claude builds something for you, follow up with the specific change you want instead of settling for the first version.

Sharing your creations

Once your artifact is working how you want it to, you can share it with friends and collaborators in just a few clicks.

Share your finished artifacts with others by clicking the Publish button to generate a link. Anyone with the link can access your creation until you un-publish it.

Anyone with the link can use and interact with your artifact without signing in (AI-powered artifacts are the exception: those require sign-in). Viewers can copy the content or look at the code, but they can't change your published version.

More resources to get started