---
id: con-artifacts
schema: concept/1
layer: garden
status: established
name: Artifacts and canvases
aka: ["Artifacts", "Canvas", "side panel", "live preview", "documents in chat"]
summary: >
  A workspace beside the chat where the AI creates a standalone thing you can see, edit and reuse,
  such as a document, chart, small web page or interactive tool.
first_seen: "2024-06"
relations:
  builds_on: [con-prompting]
  evolved_from: []
  related: [con-smallest-useful-version]
  parallels:
    - idea: "a mock-up"
      field: "design"
      note: "Something concrete enough to react to, cheap enough to throw away."
    - idea: "a draft deliverable on the table"
      field: "consulting"
implementations:
  - { provider: anthropic, name: "Claude Artifacts" }
  - { provider: openai, name: "ChatGPT Canvas" }
  - { provider: google, name: "Gemini Canvas" }
competencies: [cmp-make-it-repeatable, cmp-check-the-result]
origin:
  kind: ai-proposed
  by: "seed agent 2026-10-16"
  rationale: "Turns AI output into a tangible object; also the context where people check facts least, per the AI Fluency Index."
---

In a normal chat, the AI's work is buried in a scrolling conversation. Artifacts and canvases pull the output into its own panel: a document you can edit in place, a chart, a checklist, or even a small working app such as a budget calculator or a quiz. You can keep refining it, copy it, or share it.

You can ask for a one-page tool, try it, and say "make the totals update when I change a number." For many people, this is the first software they have ever made.

Research on real conversations found that when AI produced polished, finished-looking outputs, people questioned its reasoning and checked facts less. The more professional it looks, the more deliberately you should check it.

## Example

A training coordinator asks for an interactive checklist for new-hire first weeks, grouped by day, with tick boxes. She tries it as if she were new, spots a missing IT step, and asks for it to be added before sharing it.

## How it connects

- A way of shaping outputs from **prompting** into usable objects.
- The doorway to **vibe coding**, where artifacts grow into real apps.
- A natural place to build the **smallest useful version** first.

## Try it

Ask for a small interactive tool you would use, like a meeting-cost calculator. While it builds, write down one thing you expect it to get wrong. Then test it and check your guess.