The hardest part of building with AI isn't the building — it's realising what's possible. Most people use Claude or ChatGPT to write emails and summarise documents, never discovering that the same chat window can produce working tools, games, and pages they can actually use and share.
So here are ten things you can build today, each with a ready-to-paste prompt. No coding knowledge needed — just copy the prompt into Claude, ChatGPT, or Gemini, then tweak the result until it feels like yours. (New to this whole idea? Start with our beginner's guide to vibe coding.)
One tip before you start: keep the phrase "as a single self-contained HTML page" in your prompts. It asks the AI to build the whole thing in one portable file, which is what makes it previewable in chat and publishable to a real link later.
1. A personality quiz for your friends
The classic. "Which member of our group chat are you?", "What's your travel style?", "Which house plant matches your energy?" — quizzes are shareable by nature and endlessly customisable.
Build a fun personality quiz called "Which breakfast food are you?" as a single self-contained HTML page. Six questions, four possible results with playful descriptions, colourful design, big tappable buttons, works great on a phone.
2. A countdown page for something you're excited about
A wedding, a holiday, a baby, retirement, the day your teenager finally moves out. A live countdown page makes anticipation shareable.
Make a beautiful countdown page to 14 June 2027 titled "Portugal!!" as a single self-contained HTML page. Show days, hours, minutes and seconds ticking live, a warm sunset colour scheme, and a subtle animated background.
3. A tip calculator (or any calculator, really)
Splitting bills, converting recipe quantities, working out paint coverage, comparing price-per-kilo at the supermarket — if you've ever done the same sum twice, it deserves its own tool.
Build a bill-splitting calculator as a single self-contained HTML page. Inputs for bill total, tip percentage (with quick buttons for 10/15/20%), and number of people. Show each person's share, update instantly as I type, clean and minimal design.
4. An invitation people can't lose
Paper invites get lost and group-chat messages get buried. A dedicated page with the date, map link, dress code and an "add to calendar" button lives at one link forever.
Create an elegant invitation page for "Sara's 40th — A Night in Havana" on Saturday 12 September, 7pm, at The Rum Rooms, as a single self-contained HTML page. Include the schedule, dress code (tropical!), an RSVP section with my phone number, and festive but classy styling.
5. A game for a long car journey
Simple browser games are firmly within reach: memory-match, word scrambles, trivia, reaction-time challenges, higher-or-lower.
Build a kid-friendly memory matching game with animal emojis as a single self-contained HTML page. A 4×4 grid of cards, a move counter, a cheerful "You won!" celebration, bright colours, and big cards that are easy to tap on a tablet.
6. A habit tracker that's exactly how you want it
Every habit app has someone else's opinions in it. Yours can track precisely what you care about, look how you want, and nag you exactly as much as you can tolerate.
Make a weekly habit tracker as a single self-contained HTML page. Rows for: gym, reading, no takeaway, 10k steps. Columns for each day of the week with tap-to-tick cells, a streak counter per habit, satisfying tick animations, and remember my progress between visits.
7. A menu or price list for your side hustle
Cake orders, dog walking, nail appointments, tutoring — a clean one-page menu with prices and a "message me to book" button looks instantly more professional than a photo of a handwritten list.
Design a one-page menu for my home bakery "Flour & Butter" as a single self-contained HTML page. Sections for cakes, cupcakes and bakes with prices, a short about-me, an ordering note with my contact details, and warm bakery-style design with soft cream and brown tones.
8. A random picker for impossible decisions
Whose turn is it to cook? Which film tonight? Who's presenting first? A spinning wheel settles it with theatre and zero arguments.
Build a colourful spinning decision wheel as a single self-contained HTML page. Let me type in a list of options, spin with a satisfying animation and a dramatic slow-down, and announce the winner with confetti.
9. A study aid for whatever you're learning
Flashcards, verb drills, formula quizzes — describing what you're learning gets you a tool shaped exactly to it.
Create a Spanish flashcard app for common travel phrases as a single self-contained HTML page. Tap a card to flip between Spanish and English, shuffle button, a "got it / still learning" sort, and a progress bar. Include 30 useful phrases to start me off.
10. A tiny personal dashboard
A page that greets you by name with your links, your to-dos, and a bit of personality — the internet equivalent of a tidy desk.
Make a personal start page as a single self-contained HTML page. Greet me as "Ryan" with the time of day, show a quote of the day, quick links I can customise, and a small to-do list that remembers items. Dark, calm, minimal design.
You built it — now get it out of the chat window
Everything above shares the same final step. Your creation currently lives inside an AI chat, where only you can see it. To actually use a habit tracker daily, send a quiz to the group chat, or put a menu in your Instagram bio, you need a real link.
That's the gap CanvasLink closes: copy the code from your chat (every AI tool has a copy button on its output), paste it in, click Publish, and your creation gets a permanent address on your own personal subdomain — no downloads, no accounts for your visitors, nothing to explain. Claude users can even connect CanvasLink to Claude and publish by simply asking.
Full walkthrough here: How to share what you make with AI.
Pick one from the list. The whole loop — idea, build, tweak, live link — fits comfortably inside a lunch break.