Start with a goal
Describe what you want to make—and who it’s for.
A companion to the Wonder Tools guide
What site will
you try making?
ChatGPT Sites makes building a polished web page feel almost as easy as making a Google Doc. Start with an idea—technical skills optional.
Read Jeremy’s full ChatGPT Sites guide One or two sentences is plenty
See what other readers want to make 01
The quick take
A surprisingly capable builder hiding inside ChatGPT.
Describe the outcome in plain language.
Add screenshots, files, or even a hand-drawn mockup.
Ask for interactions—not just a static page.
Refine the first draft with comments and annotations.
Sites in the wild
Sixteen examples.
Many kinds of useful.
From a personal reading list to fluid art and physics games, these examples show how far a clear prompt can go.
01
Made by Jeremy
Landing page
Wonder Tools Sponsorship Page
A clean media-kit page for potential advertisers.
Reading list
What I’m Reading
A quick, visual page for sharing a handful of books.
Guide
A Beginner’s Guide to MCP
A practical companion explaining why and how to link tools to AI.
Feedback tool
Feedback for Wonder Tools
A simple way for readers to respond to posts and suggest ideas.
Interactive
Music Training Games
Playful music-theory and ear-training mini-games for young musicians.
Book group
Wonder Tools AI Book Group
A polished landing page presenting the books in a subscriber series.
02
Landing pages
City guide
San Francisco Weekend Guide
A visitor-friendly guide to events and things to do in San Francisco.
Campaign
ChatGPT Work Campaign
A campaign page that incorporates embedded social posts.
Announcement
ChatGPT Sites Europe Launch
A crisp announcement page for a product launch.
Storefront
Field Day Storefront
A modern picnic-supplies shop with drag-to-basket interaction.
03
Interactives
04
Games
A practical playbook
How to get a better first draft.
You don’t need a perfect prompt. Give the builder enough purpose, context, and visual direction—then improve what it makes.
Bring context
Add your style guide, logos, background files, or a relevant ChatGPT Project.
Show, don’t just tell
Upload a reference image, screenshot, or even a photo of a sketch.
Name the interactions
Ask for linked buttons, embedded media, forms, games, or other useful behavior.
Iterate in plain language
Comment on the first draft and annotate the exact spots you want changed.
Publish your way
Share the finished link publicly—or keep a personal resource private.
Don’t stop at landing pages
Try a private planner, interactive handout, feedback form, mini-game, or searchable resource.
Know the current limits
Sites is in public beta and isn’t available on free ChatGPT plans. Help resources remain limited.
Want more manual control? Jeremy also recommends Tilda. AI-first alternatives include Lovable, Bolt, and Claude Artifacts.
Made something?
Show readers what you built.
Share a ChatGPT Site you’ve published. Add a title or one-sentence summary so others know why it’s worth a click.
Pass it on
What helped you build a great site?
Share one practical lesson: a prompting technique, a helpful kind of reference, or an iteration that made the result better.
From the community
Ideas, examples, and advice from readers.
Every contribution below has been reviewed before appearing on the page.
Ideas readers want to build
No approved ideas yet. Add yours above and help start the list.
Sites readers have made
No reader sites have been added yet. Yours could be first.
Tips from fellow builders
No reader tips yet. Share what has worked for you.
Keep exploring
More practical Wonder Tools guides.
Wonder Tools guide
The Complete Guide to Gemini Notebook
Turn sources into summaries, audio, study aids, and more.
Wonder Tools guide
A Practical Guide to Google Pinpoint
Search and analyze large collections of documents.
Wonder Tools guide
Make Gemini Work for You
Useful ways to get more from Google’s AI assistant.