Home / Vibe coding tips / Build a one-page quote calculator
5-minute tip

Build a one-page quote calculator

Have an AI assistant build a simple quote calculator you open in your browser: pick the job, enter a few numbers, and get a clean price you can copy into a text or email. It takes about five minutes.

The problem: Quoting the same kinds of jobs by hand, with a calculator and a notepad, is slow and easy to get slightly different every time.

How to do it

  1. List your common jobs. Write down three to five jobs you quote often and how you price each one: a flat fee, a rate per hour, per square foot, or per unit.
  2. Add your extras. Note the add-ons and rules you always apply, such as a trip charge, a minimum job price, materials markup and sales tax.
  3. Ask for one HTML file. Ask the assistant for a single HTML file with no outside services, so it runs offline on your computer or phone and nothing leaves your device.
  4. Test it with a real job. Open the file in your browser and price a job you quoted last week. If the number doesn't match, tell the assistant exactly what's off.
  5. Save it where you work. Keep the file on your desktop or phone, and ask for changes whenever your prices change.

Example prompt

Build me a quote calculator as one HTML file I can open in my browser, with no outside services. My jobs: AC tune-up is $129 flat, drain cleaning is $95 for the first hour and $65 for each extra hour, and water heater install is $1,450 plus materials. Add a $35 trip charge for jobs more than 20 miles away, a 15% markup on materials, and 8.25% sales tax on materials only. Show the total line by line, with a Copy button for a short, friendly quote I can text.
Why it works: Five minutes of setup, and every quote comes out the same way, in seconds, even from your phone between jobs.

Works with: Any AI chat or coding assistant (ChatGPT, Claude, Gemini, Claude Code, Codex, Cursor...).

Related