# Claude Artifacts Prompts: 14 to Build Office Tools

> 14 copy-paste Claude prompts for artifacts: calculators, checklists, trackers and one-page tools, plus follow-ups to test, change and share them.

Source: https://learn.ynteractive.com/content/blog/claude-artifacts-prompts · Updated 2026-10-20 · Free from Stepthrough (https://learn.ynteractive.com)

Quick answer

These 14 [Claude](https://learn.ynteractive.com/content/glossary#claude) [prompts](https://learn.ynteractive.com/content/glossary/prompt) build artifacts: small working tools, like a price calculator or a checklist, that open in a panel beside the chat where you can click them, test them and share them. They are for office managers, coordinators and owners who answer the same questions all day and want a tool instead of another email. Each prompt follows the pattern from the free [Artifacts: build a price calculator you can share](https://learn.ynteractive.com/content/claude-artifacts-tutorial) lesson: say who it's for, what goes in, what comes out and the exact numbers to use.

Last updated October 20, 2026

[Take the free module →](https://learn.ynteractive.com/courses/claude-jump-start/5)Module 5 of the free [Claude Jump Start](https://learn.ynteractive.com/courses/claude-jump-start) course, about 7 minutes. No account needed.

By [Robert Breen](https://learn.ynteractive.com/content/about) · Published October 20, 2026 · Updated October 20, 2026 · 7 min read

Claude · Prompts · Artifacts

## How do you use these prompts?

Fill in every [BLANK] with your real details, paste one prompt into a new Claude chat, and send it. The tool opens as an artifact on the right. Then test it with two or three inputs you can work out in your head before anyone else sees it.

Three rules from the lesson make these prompts work:

- **Give the real numbers in the prompt.** A calculator built on made-up prices looks just as convincing as a correct one.
- **Ask Claude to show the math.** A tool that shows how it got a number is easy to check.
- **Change one thing at a time.** Ask in the same chat, then test again.

If Claude answers in the chat and no artifact opens, check **Settings > Capabilities**: the lesson notes that artifacts need **Code execution and file creation** turned on. The [Claude artifacts](https://learn.ynteractive.com/content/glossary#claude-artifacts) glossary page explains the idea in plain words.

## Calculators

### 1. A customer price calculator

```text
Build an interactive price calculator for [BUSINESS] customers. They enter [INPUT, e.g. lawn size in square feet] and pick a service, and it shows the estimate for one visit. Use these prices: [SERVICE 1: BASE + RATE]. [SERVICE 2: BASE + RATE]. [SERVICE 3: BASE + RATE]. Show how the price is worked out, and add a note that the final price is confirmed by [HOW, e.g. a site visit]. Keep it simple and friendly, in [COLORS].
```

This is the lesson's prompt with the blanks opened up. Check one result by hand before you share it.

### 2. A quote calculator with a volume discount

```text
Build a quote calculator for [SERVICE]. The user enters [QUANTITY FIELD] and [OPTION FIELD]. Price: [PRICE RULES]. Take [X]% off when [QUANTITY FIELD] is [N] or more. Show the subtotal, the discount and the total on separate lines, so the math is easy to check.
```

Separate lines for subtotal, discount and total make the discount visible, which is exactly what you check in the lesson ($1,274 minus $127.40 is $1,146.60).

### 3. An internal mileage or expense calculator

```text
Build a simple calculator for our staff to work out a mileage claim. They enter the miles driven and pick [TRIP TYPES]. Use a rate of [RATE] per mile. Show the math, round to the cent, and add a note: "Check the current rate with [PERSON OR TEAM] before you submit."
```

Put the rate in the prompt yourself. Don't ask Claude to look it up and trust whatever comes back.

### 4. A "which plan fits me" helper

```text
Build a short interactive helper that asks a customer [3 TO 5 QUESTIONS] and then recommends one of our plans: [PLAN A: WHO IT FITS], [PLAN B: WHO IT FITS], [PLAN C: WHO IT FITS]. Show which answers led to the recommendation. Don't show any price that isn't in this message.
```

The last line keeps Claude from adding prices you never gave it.

## Checklists and forms

### 5. A new-hire first-week checklist

```text
Build an interactive checklist for a new [ROLE] at [COMPANY] for their first week. Group the items by day, Monday to Friday. Each item has a checkbox. Show how many items are done out of the total. Items: [PASTE YOUR LIST].
```

Paste your own list. If you let Claude invent the items, read every one before it goes to a new hire.

### 6. A client intake checklist

```text
Build a one-page intake checklist for new [CLIENT TYPE] clients. Sections: documents we need, questions to ask, and next steps. Use only these items: [PASTE ITEMS]. Add a "Copy summary" area at the bottom that lists which items are checked.
```

### 7. A meeting agenda builder

```text
Build a small tool to plan a meeting agenda. The user adds agenda items with a name, an owner and minutes. It shows the running total of minutes and warns when the total goes over [LENGTH] minutes.
```

## Trackers and pages

### 8. A simple project timeline

```text
Build a visual timeline for [PROJECT]. Phases and dates: [PHASE 1, START, END], [PHASE 2, START, END], [PHASE 3, START, END]. Highlight today's phase. Keep it readable on a phone.
```

### 9. A one-page FAQ for customers

```text
Build a clean one-page FAQ for [BUSINESS] customers, in [COLORS]. Use only these questions and answers, word for word: [PASTE Q AND A]. Add a short line at the top with how to contact us: [CONTACT LINE].
```

"Word for word" matters: an FAQ is a promise, so it should only say what you already say.

### 10. A team phone and email list

```text
Build a searchable staff directory page from this list: [PASTE NAME, ROLE, EXTENSION]. Typing in the search box filters by name or role.
```

Leave out personal phone numbers and anything else the page doesn't need. The [PII](https://learn.ynteractive.com/content/glossary#pii) glossary page explains what counts as personal information.

## Follow-ups that test, change and share

These go in the same chat, after the artifact opens.

### 11. Ask Claude to check its own math

```text
Check the calculator against these three test cases and tell me if any result is wrong: [INPUT 1 → EXPECTED], [INPUT 2 → EXPECTED], [INPUT 3 → EXPECTED]. Fix the artifact if anything is off.
```

You still run the same three cases yourself. This prompt just catches problems sooner.

### 12. Add one feature

```text
Add a [FIELD NAME] box. [RULE FOR THE NEW FIELD]. Keep everything else the same.
```

This mirrors the lesson's change: one clear request, and Claude updates the same artifact instead of making a new one.

### 13. Fix one thing that looks wrong

```text
When I enter [INPUT], the total shows [WRONG NUMBER], but it should be [RIGHT NUMBER] because [REASON]. Fix that calculation and don't change anything else.
```

Saying which input gave which wrong number, and why, is the fastest way to a fix.

### 14. Get it ready to share

```text
Before I share this with customers: list every price, rule and promise the artifact shows, and the line of my message each one came from. Flag anything you added that I didn't give you.
```

Then put in your real prices, test it like a customer, and click **Share**. Artifacts start private, and the lesson walks through changing **General access** to **Anyone with the link**.

## Try it free, step by step

**Claude Artifacts: Build a Price Calculator You Can Try, Change and Share**. Have Claude build an interactive lawn price calculator, try it in the artifact panel, ask for a change, and share it with a link. You do every step yourself in a practice copy of Claude, it checks your work as you go, and “Do it for me” finishes any step you get stuck on. Free, and nothing touches your real accounts.

[Start the free lesson](https://learn.ynteractive.com/modules/claude-artifacts)

[Or read the full step-by-step guide](https://learn.ynteractive.com/content/claude-artifacts-tutorial)

## What should you check before you share an artifact?

Three things, every time. First, the numbers: run two or three inputs you can do in your head. Second, the words: every price, policy and promise on the page should be one you already make. Third, who can see it: artifacts start private, and the lesson notes that [Anthropic](https://learn.ynteractive.com/content/glossary#anthropic)'s help center says people need a Claude account to open a shared artifact, so open the link in a private window first and see what your customers will see.

If you're new to Claude, start with [your first Claude chat](https://learn.ynteractive.com/content/claude-first-chat-tutorial), then take the artifacts module in the free [Claude Jump Start](https://learn.ynteractive.com/courses/claude-jump-start) course. For more ideas built around one job, see [Claude Artifacts for Office Managers](https://learn.ynteractive.com/content/blog/claude-artifacts-for-office-managers), and to avoid the usual problems, [Claude Artifacts Mistakes to Avoid](https://learn.ynteractive.com/content/blog/claude-artifacts-mistakes).

## Key takeaways

- An artifact is a working tool Claude builds in a panel beside the chat: you can click it, test it, change it and share it.
- Good artifact prompts name who it's for, what goes in, what comes out and the exact numbers.
- Ask Claude to show the math, then check two or three results yourself.
- Change one thing at a time, in the same chat, and test again.
- Artifacts start private; check what a viewer sees before you send the link.

## Frequently asked questions

**Do I need a paid Claude plan for artifacts?**

No. The lesson says artifacts work on every plan, including Free. Sharing options can differ by plan, so check what your plan shows under Share.

**Why didn't Claude open an artifact?**

Check Settings > Capabilities. Artifacts need Code execution and file creation turned on.

**Can I change an artifact after Claude builds it?**

Yes. Ask for the change in the same chat. Claude updates the same artifact, and you test it again.

**Where do I find an artifact later?**

In Artifacts, in Claude's sidebar. Everything you make is saved there.

**Is Bright Path Landscaping a real company?**

No. Bright Path Landscaping and its prices are made up for the lesson, so every number is easy to check.

## Free lessons in this post

- [Claude Artifacts: Build a Price Calculator You Can Try, Change and Share](https://learn.ynteractive.com/content/claude-artifacts-tutorial): Have Claude build an interactive lawn price calculator, try it in the artifact panel, ask for a change, and share it with a link.
- [Your First Chat with Claude: Models, Files and a Great First Prompt](https://learn.ynteractive.com/content/claude-first-chat-tutorial): Pick a model, attach a customer's complaint email with the + menu, write a four-part prompt, read Claude's reply, ask a follow-up, then pin and rename the chat.

## Watch it in a free lesson: Check a Contract for Red Flags with Claude

### Check a contract for red flags with Claude: video walkthrough

Full walkthrough · 3:30 · with captions

Upload a vendor contract, get it in plain English, find the risky clauses with the exact words quoted, draft questions for the vendor, and save the review as a project for the next one. The whole lesson narrated step by step, recorded in Stepthrough’s simulated practice environment.

[Watch it with chapters and the full transcript](https://learn.ynteractive.com/content/check-a-contract-for-red-flags-with-claude#watch)

From the free lesson [Check a Contract for Red Flags with Claude](https://learn.ynteractive.com/content/check-a-contract-for-red-flags-with-claude)

## Related terms

Plain-English definitions, each with an example from a free lesson.

[Claude](https://learn.ynteractive.com/content/glossary#claude) · [Prompt](https://learn.ynteractive.com/content/glossary/prompt) · [Anthropic](https://learn.ynteractive.com/content/glossary#anthropic) · [AI benchmark](https://learn.ynteractive.com/content/glossary) · [Claude model picker](https://learn.ynteractive.com/content/glossary#claude-model-picker) · [Effort level](https://learn.ynteractive.com/content/glossary#claude-effort-level) · [Frontier model](https://learn.ynteractive.com/content/glossary) · [Model family](https://learn.ynteractive.com/content/glossary)

[The full AI glossary](https://learn.ynteractive.com/content/glossary)

## Related prompts


[All free prompt templates](https://learn.ynteractive.com/content/prompts)

## Visual guides

The same ideas as quick visual guides: swipe through the slides, or read each one as text.

- [5 Steps to Build a Shareable Price Calculator in Claude](https://learn.ynteractive.com/content/visual/5-steps-claude-artifact-price-calculator): A visual guide to Claude artifacts: ask for a price calculator, check the math, ask for one change and share it by link. Five steps, free.
- [Claude First Chat: Pick a Model, Attach a File, Prompt in 5 Steps](https://learn.ynteractive.com/content/claude-first-chat-tutorial): A visual guide to your first chat with Claude: check the model picker, attach an email with +, write a four-part prompt, follow up, then pin the chat.

[All visual guides](https://learn.ynteractive.com/content/visual)

## Keep reading

- [Claude Projects Prompts: 15 for Instructions and Chats](https://learn.ynteractive.com/content/blog/claude-projects-prompts): 15 copy-paste prompts for Claude Projects: write project instructions, set up knowledge files, start chats that use them and fix replies at the source.
- [Claude Artifacts for Office Managers: 6 Tools to Build](https://learn.ynteractive.com/content/blog/claude-artifacts-for-office-managers): Six small tools office managers can build with Claude artifacts, from a quote calculator to an onboarding checklist, with a prompt and a check for each.
- [Claude Artifacts Mistakes to Avoid (7 Fixes)](https://learn.ynteractive.com/content/blog/claude-artifacts-mistakes): Seven common Claude artifacts mistakes, from made-up prices to sharing before you test, with the fix for each one from a free hands-on lesson.

[All blog posts](https://learn.ynteractive.com/content/blog) · [All free tutorials](https://learn.ynteractive.com/content)