The quote-calculator skill: put a real price on the page
TL;DR
The quote-calculator skill builds a small instant-quote widget for a service business: the visitor picks a few options, sees a price range, and leaves their details. It's one self-contained HTML file with no backend and nothing to pay for. It's also one of the easiest things a beginner can build and charge a local business for.
Service businesses lose leads in the same spot every time. Someone wants a rough price, the site says call for a quote, and they call the next company instead. The quote-calculator skill fixes that hole with one page.
You tell it what the business does and how they actually price a job. It builds a small widget where the visitor picks a few options and sees a price range right away, then leaves a name and a phone number. It's one self-contained HTML file with no backend, no database, and no monthly bill.
It's free and public in our freeskills repo, and it's one of the first builds a beginner can hand to a real local business and get paid for. The owner already knows they're losing those calls.
Real prices in, an instant range and a lead form out, all in one file.
Install the quote-calculator skill
Three lines in your terminal. They grab the repo, make sure your skills directory exists, and drop this one folder into it.
bashgit clone https://github.com/duncan-buildroom/freeskills.git
mkdir -p ~/.claude/skills
cp -r freeskills/quote-calculator ~/.claude/skills/Restart Claude Code, or just open a new session. That's the whole install. No API keys, no config.
Run it the first time
Type /quote-calculator. The first thing it does is ask about the business and how they price a job: the starting number, the handful of things that push it up, and one real recent job with the real amount charged. That part is the whole build, so answer it properly. It won't invent prices for a real business, and you shouldn't let it.
Then it writes the widget to ~/sites/<business-slug>-quote/index.html plus a pricing-notes.md next to it. Open the HTML file in your browser. A good first result: you pick a few options, a price range appears with a small breakdown under it showing what drove the number, and a three-field contact form sits below that. Run one real past job through it. If the range is off from what they actually charged, say the real number and the skill fixes the math.
Build one for your own service business
Start here if you run the business. Give it your real numbers in one message and let it ask follow-ups.
/quote-calculator
My business: [what you do, e.g. residential cleaning in Sacramento].
Who it's for: [your typical customer].
My pricing: I start at [base price or per-unit rate]. The things that change the price are [list 3-5, e.g. bedrooms, bathrooms, one-time vs recurring].
One real job: [describe it] and I charged [$X].
Smallest job I'd take: [$X]. Biggest I'd quote without seeing it: [$X].Build one for a local business you want as a client
This is the version that gets you paid. Pick a business in your town, use their real public prices, and send the owner a working link instead of a pitch.
/quote-calculator
I want to build this for a local business I'd like to work with, not for myself.
Business: [name and what they do].
Their public prices: [paste anything from their site, flyer, or Yelp listing].
What I know about how they charge: [whatever you've got].
Use only their real published numbers. Where a number is missing, tell me what to ask the owner instead of guessing.Check the numbers before you send it
The widget is only as good as the math inside it. Feed it real jobs and make it show its work.
Run these three real jobs through the calculator and show me what it returns for each:
1. [job description] - actually charged [$X]
2. [job description] - actually charged [$X]
3. [job description] - actually charged [$X]
Then try the smallest possible selection and every option maxed out at once. Tell me if any of those produce a silly number, and fix it.The 60-second version
What this skill does and why a local business owner will care, in about 60 seconds.
- 1Hook: there's a brand new free Claude skill that takes you from a service business with no prices on the site to a working instant-quote widget you can send the owner tonight.
- 2Mechanism: you walk it through how the business actually prices a job, the starting number and the three to five things that move it. It builds a widget that shows a price range instead of one hard number, then asks for the customer's details right after they see it. Before it calls the thing done it runs three real past jobs through the math to check the numbers hold up.
- 3Transformation: you stop having nothing to show people. You've got a live tool built on real prices, and a reason to message a local business owner that isn't a cold pitch.
- 4Close: the skill is free, and so are the other 54 in that repo. What you say when you send the owner the link, and what you charge them, is what we work on inside Claude Code Club. $9 a month, link's below.
Tonight: pick one service business you already know, install the skill, and get their pricing on paper. The widget takes ten minutes once the numbers are real.
Common questions
Do I need to know how to code?
No. Claude writes the HTML file and saves it for you. Your job is the pricing: the base number, the 3-5 things that move it, and a couple of real past jobs to check the math against.
Is it really free?
Yes. The skill is public in the freeskills repo, and the widget it builds is one HTML file with no backend and no paid tools.
Where do the leads actually go?
Every submission saves to the browser's local storage as a backup, and the skill leaves one clearly marked line in the form where you paste a free form endpoint like Formspree or a Google Form. It also builds a plain email fallback so the form works before you wire anything up.
What if the business owner doesn't know their own numbers?
The skill won't make prices up. It walks you through three real past jobs with the owner and works the pattern out from those instead.
Can I show one exact price instead of a range?
The skill builds a range on purpose, because a single number sight-unseen is a promise the crew has to keep. If you still want one number, it'll show a starting-at price instead.
Keep going
Want the whole local-client system, not just the widget?
Get 650+ plug-and-play skills, MCPs & prompts, plus 7,000+ members - $9/mo, cancel anytime.
Join the Club