Artifacts — build without coding
An Artifact is interactive content (an app, dashboard, document, chart) created by Claude in a dedicated panel. Editable, iterable, shareable — even if you don't know how to code.
Types of Artifacts
| Type | Description | Executive committee use case |
|---|---|---|
| React / HTML | Interactive apps, calculators | Pricing simulator, KPI dashboard |
| SVG / Mermaid | Diagrams, org charts | Process map, org architecture |
| Markdown | Structured documents | Summary note, executive meeting minutes |
| AI apps | Artifacts with Claude intelligence built in | HR chatbot, internal analysis tool |
A few artifacts that executives had built this week (hover to pause):
Key features
💾 Persistent storage
Data kept between sessions. Trackers, recurring logs.
🔗 MCP integration
Connect Asana, Calendar, Slack via connectors.
🌐 Publishing
Public link. No account needed. Remixable.
🤖 Embedded AI apps
Chatbots, coaches, tools — Claude's AI inside your artifact.
Claude Design — the creative canvas
Claude Design is a dedicated space that turns an idea into interfaces, presentations, and clickable pages. → See the full Claude Design module (08 bis).
Magic Prompteur — rewrite your prompts like the world's best prompt engineer
A React artifact that takes any raw prompt and turns it into 3 expert-level optimized versions, thanks to a Claude AI embedded directly in the artifact. Copy the prompt below, paste it into Claude, and your tool builds itself.
Create a React artifact (interactive application) named "Magic Prompteur": a tool that takes a raw prompt and rewrites it in the style of the world's best prompt engineer, drawing on a real AI embedded in the artifact (a call to the Anthropic API from the artifact via fetch, with no API key to pass). HOW IT WORKS - The user pastes their raw prompt into a text area. - An "Expert settings" panel (collapsible) offers: Role/persona (free field), Tone (menu: Neutral, Professional, Punchy, Educational, Creative, Direct, Warm, Formal), Output format (Model's choice, Text, Bullet list, Numbered steps, Table, JSON, Markdown), Target model (Claude, ChatGPT/GPT, Gemini, Mistral, Midjourney/image, Generic), Level of detail (Concise, Balanced, Detailed, Ultra-detailed). All optional. - An "Optimize my prompt" button sends it all to Claude. OUTPUT: 3 optimized variants, each with a title, a one-sentence note explaining its angle, and a "Copy" button: 1. Precise & structured (clear constraints, explicit format) 2. Context-rich (strong role, examples, guardrails) 3. Chain of reasoning (step-by-step thinking) API CALL WITHIN THE ARTIFACT: POST to https://api.anthropic.com/v1/messages, model claude-sonnet-5, max_tokens 8000. The system prompt makes Claude an elite prompt engineer who masters role/persona, context, constraints, format, few-shot, success criteria, and step-by-step reasoning. The rewritten prompts are in English, ready to paste, tailored to the target model. IMPORTANT — ROBUSTNESS: do NOT use JSON for the output (the quotes, braces, and line breaks of the generated prompts break it). Use a delimiter format: each variant begins with "===VARIANTE===" with the fields "ID:", "TITRE:", "NOTE:" then "---PROMPT---" followed by the prompt text (which may contain any character). Parse by splitting on these delimiters, and display even partial variants if the response is truncated. DESIGN: dark, premium interface (slate-950 background), violet/fuchsia/cyan gradients, lucide-react icons, subtle animations, fully responsive on mobile and desktop, in English. Each variant has its accent color (cyan/violet/amber) and its icon (target/layers/brain). TECHNICAL CONSTRAINTS OF THE ARTIFACT: components defined outside the main component (otherwise fields lose focus on every keystroke). No localStorage/sessionStorage (not supported in artifacts) — state managed in memory via useState. Clean error handling with a user message. Copy button with execCommand fallback.
Recreate it step by step — the "Magic Prompteur"
Here's a concrete Artifact, useful from today: it turns a trivial request (a line tossed off in a hurry) into a complete, structured prompt, ready to give to Claude. It's the perfect illustration of a tool-Artifact: interactive, reusable, and built without a single line of code on your part.
Magic Prompteur — interactive demo
Type a basic request, choose the recipient, and get a structured prompt.
Ask: "Create an ROI calculator: budget, channel, conversion rate, with a chart".
Expected result : An interactive tool appears in the panel; you change a number and the result updates.