MakeItRun blog

18 Things to Build with Claude (and Actually Put Online)

2026-06-17 · MakeItRun

TL;DR — Claude and ChatGPT can write fully working HTML apps in one shot. The ideas below are things real people actually need: menus, calculators, dashboards, event pages, personal link pages. For each one, there's a prompt to get you started. Once Claude gives you the HTML, paste it into MakeItRun and it's live in under a minute — real URL, QR code, no developer required.

Most people use Claude to draft emails or summarize documents. Fine. But Claude can also write a complete, working web app — HTML, CSS, JavaScript, all in one file — ready to publish. The bottleneck has always been "now how do I put this on the internet?" That's what MakeItRun closes.

Here are 18 concrete things worth building, grouped by who needs them.

Menus & local business

Independent restaurants, cafes, and food trucks spend hundreds of dollars on printed menus that go stale the moment prices change. A Claude-built HTML menu is free, updates in minutes, and fits on a QR code.

1. Restaurant or café menu One prompt and Claude writes a clean, mobile-friendly menu with sections, descriptions, and prices. Specify your color palette, your logo font, whether you want two languages.

Prompt to try: "Write a single-file HTML menu for a Thai street food café called River Garden. 
Sections: Starters, Noodles, Rice dishes, Drinks. Include 5 items per section with Thai names 
and English descriptions. Colors: warm white background, deep orange headings. Mobile-first."

See a live example: cocktail bar menu →

2. Seasonal specials page Separate from the main menu, a specials page highlighting four to six dishes works great on a table tent with a QR code. Takes five minutes to swap out for the next season.

3. QR ordering guide / "how it works" page Food trucks and counter-service spots confuse first-timers. A simple one-pager — how to order, what to do if you have allergies, where to pick up — cuts the questions staff have to answer at the counter.

4. Catering inquiry form A static HTML form that pre-fills an email when submitted. Claude builds these reliably. No backend needed — the mailto: action works fine for low volume.

Prompt to try: "Build a catering inquiry form in HTML. Fields: event type, guest count, 
date, dietary restrictions, contact email. On submit, compose a mailto: to 
[email protected] with all fields formatted in the email body."

Each of these goes live on MakeItRun with a *.clientview.page URL and a downloadable QR code (PNG or SVG) you can drop straight into a print file.

Calculators & tools

A calculator that answers one specific question — one your customers or colleagues ask repeatedly — beats a generic spreadsheet every time. Claude is good at these. All logic stays in the browser, no server required.

5. Startup equity / dilution calculator How much does a new funding round dilute existing shareholders? This trips up founders and early employees constantly. Claude can build a calculator that takes pre-money valuation, round size, and option pool expansion and outputs a cap table comparison.

See a live example: startup dilution calculator →

6. Freelance project quote estimator Input: project type, scope, deadline, revision rounds. Output: a suggested price range based on your rates. Embed it on a page you share with prospects so they pre-qualify themselves before the first call.

Prompt to try: "Build an HTML calculator for a freelance UX designer. 
Inputs: project type (dropdown: website, app, rebrand), number of screens, 
turnaround (standard/rush), revisions included (1/2/unlimited). 
Output: total price estimate in euros. My base rate is €95/hr."

7. Unit converter for a specific niche General unit converters exist everywhere. Niche ones don't. A fabric yardage calculator for quilters. A tile square-footage calculator that accounts for grout lines. A recipe scaler that works in grams, not cups. Pick the audience, Claude builds the tool.

8. Savings goal tracker (simple) A one-page app where you input a goal amount, a monthly deposit, and an interest rate. It draws a progress curve and tells you the month you hit the target. No accounts, no tracking, just math.

9. Carbon footprint estimator for a specific activity Flights, events, product shipments. A focused estimator — "how much CO₂ does shipping 500 units of X from Y to Z produce?" — is useful for sustainability reports and purchase decisions.

Prompt to try: "Build a single-page HTML tool that estimates the carbon footprint 
of a business flight. Inputs: departure city, arrival city (dropdown of 20 major cities), 
class (economy/business), number of passengers. Output: kg CO₂ per person and total, 
with a brief explanation of how the estimate was calculated."

Dashboards & trackers

Not everything needs to pull from a live API. A well-designed dashboard you manually update — or that visualizes numbers you paste in — is genuinely useful for client reporting, team standups, and personal goals.

10. Client-facing project status dashboard A clean HTML page showing project phases, which are done, which are in progress, and a one-line status note for each. Share the URL with the client instead of sending a status email every week.

See a live example: client dashboard →

Prompt to try: "Build an HTML project status dashboard for a web design client. 
Phases: Discovery, Wireframes, Design, Development, Launch. Each phase has a status 
(Not started / In progress / Complete) shown with a colored dot, a percentage bar, 
and a one-sentence update. Minimal design, white background, dark text."

11. Habit or goal tracker (offline-friendly) A habit tracker that saves state to localStorage — persists in the browser even after you close it. No account, no server, works offline. Claude builds these cleanly, and you can publish your own personalized version.

12. Team OKR or KPI scoreboard A single page showing the company's quarterly targets and a RAG (red/amber/green) status for each. Print it as a poster, display it on a TV, or share the URL in your all-hands Slack message.

13. Reading list or research tracker A filtered, searchable list of articles, books, or papers — built as a static HTML page with JavaScript filtering. Useful for researchers, writers, or anyone who manages references manually.

Personal & link-in-bio

Link-in-bio tools lock you into their layout, their brand, their pricing tier. Claude gives you a page that looks exactly how you want it.

14. Personal link page Five links, a short bio, your photo (referenced by URL). One HTML file. Looks like you designed it, not like every other Linktree.

Prompt to try: "Build a link-in-bio page for a ceramics artist named Maja. 
Include: a circular avatar image (use a placeholder), a two-sentence bio, 
and five links: Etsy shop, Instagram, commission waitlist form, newsletter, 
portfolio PDF. Earthy color palette, minimal layout, mobile-first."

See a live example: florist one-pager →

15. Speaker or consultant one-pager A single page that acts as a lightweight website: who you are, what you speak about or consult on, a few past clients or talks, a contact button. Share it when you pitch yourself to conference organizers or potential clients.

16. Portfolio piece with inline demo A case study page that explains a project and embeds a live demo of the output — an interactive chart, a before/after slider, a prototype. All in one file, shareable without a portfolio site.

Events & schedules

Event organizers spend hours on Eventbrite pages and printed schedules that nobody reads. A custom HTML page takes fifteen minutes and works better.

17. Conference or workshop schedule An agenda page with time slots, speaker names, session titles, and room locations. Color-coded by track. Works on mobile. Shareable as a URL before the event and a QR code at the door.

Prompt to try: "Build an HTML schedule page for a one-day product design workshop. 
Start time 9am, end 5:30pm. Sessions: Opening keynote, three parallel breakout tracks 
(Design Systems / Research / AI Tools), lunch, afternoon workshops, closing panel. 
Include a simple track filter so attendees can show only the sessions relevant to them."

18. Wedding or party info page Venue address with a map link, dress code, dietary RSVP instructions, accommodation options, a countdown timer to the date. One page instead of five emails. QR code on the invitation.

FAQ

Do I need to know how to code to do any of this? No. You describe what you want in plain English. Claude writes the HTML. You paste it into MakeItRun. The only skill required is knowing what you want.

What if the first version Claude gives me isn't quite right? Ask Claude to change it. "Make the headings larger," "add a dark mode toggle," "put the price in a bigger font." Keep going until it looks right, then paste the final version into MakeItRun. Re-publishing replaces the old version at the same URL.

What kinds of apps does MakeItRun support? Anything Claude or ChatGPT outputs as a single HTML file — calculators, menus, dashboards, trackers, forms, portfolio pages. If it runs in a browser from one file, MakeItRun can host it. Multi-file apps (separate CSS files, bundled JavaScript) aren't supported yet.

How do I get the QR code? MakeItRun generates a QR code (PNG and SVG) automatically when you publish. Download it, drop it into a print file, paste it into a slide deck, or put it on a table tent. It points to your live URL — if you update the page, the QR still works. No reprint needed.