STEP 01
Idea
"I want a page for every member of the club."
— the kid’s notebook
The kid names the change in their own words. No HTML. No CSS. No menus to learn.
Site Track
Build a real website. Publish it to a real URL.
Pages, sections, navigation, layouts — written into real files the kid can read. They direct an AI partner. They keep, revise, or undo every change. The site goes live at a kid-named address grandparents can type from memory.
First Site-track anchor project ships soon. The studio is live today.
The loop
Idea → AI proposes → preview → keep, revise, undo.
Site-building is the same four moves on every project. The kid stays the designer; the AI does the typing.
STEP 02
AI proposes
Inkie · proposing 3 options
Add a members page that lists everyone with a photo card.
Add a members section on the homepage that links to per-person pages.
Add a roster with a search box.
Add a members section on the homepage that links to per-person pages.
Add a roster with a search box.
Three concrete moves. The kid picks one. Web-design taste compounds.
STEP 03
Preview
Changed
Planet Club · Members
Theo
Sam
Maya
Eli
The change lands in the running site. Mobile + desktop preview side-by-side. The kid clicks through.
STEP 04
Decision
Keep
Review
Undo
The kid kept the members page. Undid the search box. "Nobody’s going to search for four people." Every keep / revise / undo is snapshotted.
The kid is the editor of every page. Authorship lives with the human.
What kind of site
Five site shapes. Same loop, different bones.
Pick a site shape and the studio scaffolds the right structure: page templates, navigation, color theme, mobile layout, accessibility defaults. The kid can switch shapes mid-project — the engine adapts.
Club site
A real club website with members, meetings, announcements, and a join page. The shape every kid asks for first — the most worked examples, the most wizards. Sized for a club of 4–40.
If your kid wants to start a Pokemon trading club, an after-school art club, a backyard astronomy club — this is where to start.
add-page
add-section
add-nav
add-contact-form
set-theme
add-image-gallery
Hobby site
One person, one obsession. Pokemon-card showcase, dinosaur-fact deep dive, sneakerhead grail wall. Long-form pages with images and an opinionated voice.
If your kid wants the entire internet to know about their thing.Classroom hub
A site the kid’s class can actually use. Schedule, announcements, assignment recap, a "this week" page. Teacher-readable, parent-shareable.
If your kid’s teacher has been muttering about a class website.Family newsletter
Updates for grandparents, cousins, and the dispersed family. A site that replaces the long email thread. Photos, milestones, a kid-of-the-week column.
If your kid asks "can we send Grandma a video?" weekly.Portfolio / fan page
A showcase of work or an enthusiastic tribute. Could be the kid’s art portfolio, their writing collection, or a deep fan page for a band, sport, or character.
If your kid is ready to show their work to people who aren’t family.
Wizards · the site track
Pre-built moves your kid already knows by name.
Every wizard drops a real prebuilt component into the page. The kid runs add-hero-bold; the AI proposes the file changes; the kid keeps or reviews. The Site track ships nine real component recipes — here are six that come up first.
add-page
Drops a new page into the site with the kid’s chosen template, plus a link in the nav. The kid names it; Inkie scaffolds the headline + first section.
add-hero-bold
A big top-of-page block with a headline, sub-line, and a primary call-to-action. The opening punch every site needs. Inkie writes a first draft; the kid revises.
add-bio-with-portrait
A profile card with a photo or SVG portrait, a name, a role, and a short bio. The kid uploads (with parent approval) or draws the portrait; Inkie writes the bio first draft.
add-image-grid
A grid of images with captions. The kid uploads through the parent-approval flow; Inkie lays them out and writes default alt text the kid can edit.
pick-theme
Switches the site’s color and typography palette in one move. The kid says "more navy, less green"; Inkie proposes three takes; the kid picks one.
add-lottie-stage
A frame for a Lottie animation file. The kid picks an animation; Inkie places it with the right timing and a fallback for browsers that block motion.
Plus add-rich-text (markdown blocks), add-link-tree (link-in-bio strip), add-callout-box (announcement bands), add-image-carousel (sliding photo strip), add-spline-embed (3D-scene embed), and parental-controls. The full component library — nine recipes to mix.
The quiet helpers
Two surfaces your kid doesn’t have to operate, and never has to learn.
Underneath the chat and the canvas, the studio runs two background loops — one watching the site’s engineering health, one keeping the layout responsive on every screen. Both surface as read-only chips in the drawer.
Engineering guardrails
The drawer shows a small status row: structure ok, performance watch: oversized image, nav links wired, style consistent, alt text complete. No code to read. No errors to fix manually.
Mobile + desktop preview
The Test tab shows the site at three widths simultaneously — phone, tablet, laptop. The kid sees the layout reflow as they edit. No "wait, does this look right on a phone?" moment after publishing.
Snapshot-based undo
Only the most recent AI change can be undone. Intentionally simple. The kid clicks Undo last; the site rolls back to before the last AI proposal. Cleaner mental model than git for an 8-year-old.
Make / Test / Review / Ship
The kid’s drawer reorganizes the project into four kid-readable phases. Make is where they direct the AI. Test is the responsive preview. Review is the change-summary plus Keep / Review / Undo. Ship is the parent-approval checklist before publishing.
Real example sites
First Site-track anchor ships soon.
The Game track is anchored by Theo. The Site track is waiting on its first finished public site. We have a kid in the pipeline today; their site is in the parent-approval queue. As soon as it ships, this section fills with a real URL you can visit.
Want to be the first family with a Site-track project on this page? Buy the Site track today — write us and we’ll feature your kid’s published site here, with their permission.
Get the Site track
One license. Unlimited sites.
Site track is $99 by itself. Or get all four creative tracks for $149 and let your kid pick the next adventure when this one’s done.
Pick a license. Launch the first page.
Open the studio. Name a site. Drop the first hero. Ten minutes in, your kid will be picking between three AI proposals like they’ve been designing for years.