Stepthrough Start free

5 Steps to Build a Shareable Price Calculator in Claude

A visual guide to Claude artifacts: ask for a price calculator, try it, check the math, ask for one change and share it by link. Five steps from a free lesson.

  1. Claude artifacts. Build a price calculator customers can use themselves. Bright Path Landscaping (made up) asks Claude for a lawn price calculator. 5 steps. Screenshot: the calculator in Claude's artifact panel.
    Slide 1 of 7
  2. Step 1. Describe the tool. Say who it is for, what customers enter, the prices to use, and that it must show how the price is worked out. Screenshot: a Claude chat with the calculator request.
    Slide 2 of 7
  3. Step 2. Try it in the panel. The calculator opens beside the chat. Enter an 8,000 square foot lawn and click Aeration and Fertilizing. Screenshot: the calculator in the Claude artifact panel.
    Slide 3 of 7
  4. Step 3. Check the math. Aeration on 8,000 square feet is $40 + $8 x 8 = $104 a visit. If the working shown does not match, ask Claude to fix it. Screenshot: a $104 aeration estimate with the math underneath.
    Slide 4 of 7
  5. Step 4. Ask for one change. In the same chat, add a Number of visits box and 10 percent off at 10 visits or more. 26 weekly mows come to $1,146.60. Screenshot: the updated calculator with a visits box and the discount.
    Slide 5 of 7
  6. Step 5. Share it with a link. Click Share, change who has access, then Copy link. Open it in a private window first to see what a customer sees. Screenshot: the Share menu with access set to anyone with the link.
    Slide 6 of 7
  7. Build your own calculator in a practice copy of Claude. Lesson: Claude Artifacts, about 7 minutes. Free at learn.ynteractive.com.
    Slide 7 of 7

Swipe or scroll sideways for all 7 slides. The whole guide is written out below.

The guide in text

Bright Path Landscaping (made up) asks Claude for a lawn price calculator. 5 steps.

Step by step

  1. Describe the tool

    Say who it is for, what customers enter, the prices to use, and that it must show how the price is worked out.

  2. Try it in the panel

    The calculator opens beside the chat. Enter an 8,000 square foot lawn and click Aeration and Fertilizing.

  3. Check the math

    Aeration on 8,000 square feet is $40 + $8 × 8 = $104 a visit. If the working shown does not match, ask Claude to fix it.

  4. Ask for one change

    In the same chat, add a Number of visits box and 10% off at 10 visits or more. 26 weekly mows come to $1,146.60.

  5. Share it with a link

    Click Share, change who has access, then Copy link. Open it in a private window first to see what a customer sees.

The full definition: What are Artifacts in Claude? in the AI glossary, with an example from a free lesson, common confusions and tips.

Businesses and people in the examples are made up (Bright Path Landscaping is a made-up business). The steps, screens and wording come from the free lesson and the Stepthrough glossary and prompt library.

Do it yourself, free

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

Or read the full step-by-step guide

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

The full AI glossary

All free prompt templates

All visual guides · All free tutorials