Inspiration
Claude artifacts examples
Five kinds of artifacts people build for real work — proposals, calculators, dashboards, demos, and decks — each with the prompt that builds it. Every one can be published as a live, private, tracked link in about two minutes.
The examples
Build one of these today
Copy a prompt, swap in the bracketed parts, and let Claude do the rest. The “single file, everything inlined” phrasing is deliberate — it’s what makes an artifact render reliably once it leaves Claude.
Business proposal artifacts
An interactive proposal with scope, timeline, and a live pricing table the client can explore — instead of a 12-page PDF attachment. The kind of artifact people most often publish behind a password.
Use this prompt in Claude
Build a single-file HTML proposal for [client] covering scope, timeline, and pricing. Clean, professional design, an interactive pricing table with three tiers, mobile-friendly, all CSS inlined.
Calculator & tool artifacts
ROI calculators, quote builders, savings estimators — small single-purpose apps that run entirely in the browser. Great as a leave-behind after a sales call: the prospect keeps playing with their own numbers.
Use this prompt in Claude
Build a single-file HTML ROI calculator for [your service]. Inputs: [the variables]. Show the result as a headline number plus a simple chart. No external libraries, all CSS and JS inlined.
Dashboard & report artifacts
Paste your numbers into Claude and get back a designed status report — charts, tables, and a narrative summary. Republish each month to the same link and the recipient always opens the current one.
Use this prompt in Claude
Turn this data into a single-file HTML dashboard: [paste your data]. Include a summary section, 2–3 charts, and a detail table. Inline everything — no external files or API calls.
Product demo artifacts
A clickable walkthrough of your product or concept — screens, flows, and copy a prospect can step through at their own pace, on their own time.
How teams send client demos →Use this prompt in Claude
Build a single-file HTML clickable demo of [product]: 4–5 screens the viewer steps through with next/back buttons. Realistic UI, mobile-friendly, all assets inlined.
Pitch deck artifacts
A web-native deck — keyboard navigation, responsive layout, animation that survives because it’s never flattened to PDF. Publish it as a link and you’ll know which day the investor opened it and how long they stayed.
Why founders track their decks →Use this prompt in Claude
Build a single-file HTML pitch deck for [company]: 10 slides, arrow-key and click navigation, bold typography, mobile-friendly. All CSS and JS inlined, no external assets.
The next step
Publish your own example
An artifact only becomes useful when someone else can open it. Publish it as a Pagelive link — say “publish this” in Claude or upload the HTML — and it becomes a private, tracked page: noindex by default, password optional, viewable in any browser with no Claude account.
Then you’ll know what happened after you hit send: opens, unique viewers, and dwell time on every page, with bot opens filtered out.
How to publish a Claude artifact (3 ways) →Frequently asked
Can I copy these prompts? +
Yes — they’re here to be copied. Paste one into Claude, swap in your own details, and iterate from there. The single-file/inline-everything wording matters: it’s what makes the artifact render reliably once published.
How do I publish my own example? +
Three ways: Claude’s own Publish button, the Pagelive connector (say “publish this” in Claude), or copy the artifact’s HTML and upload it. You get a live link — noindex by default, password optional — in under two minutes.
Do I need to know how to code? +
No. You describe what you want, Claude writes the HTML, and publishing is a sentence or a drag-drop. The prompts on this page are plain language — the bracketed parts are the only thing you change.
Can I see who opens what I publish? +
Yes. Every Pagelive page reports opens, unique viewers, dwell time, by-day, country, and referrer — with bot opens filtered out — and can email you when someone opens it.
Build it in Claude. Publish it in two minutes.
Your first pages are free — private by default, tracked from the first open.