Kids Apps ✨

A collection of AI-powered mini-apps for kids, built as a static GitHub Pages site. No server, no accounts — API key stored locally on the device, responses go directly to Anthropic.

Apps

💬 Character Chat

Chat with favorite cartoon, video game, and movie characters — SpongeBob, Bluey, Mario, Sonic, Stitch, Totoro, and many more. Includes all 15 Doctors from Doctor Who (First through Fifteenth) plus companions Rose Tyler, Amy Pond, Rory Williams, and Clara Oswald, each with custom pixel art portraits generated by AI.

Group Chats — chat with multiple characters at once. Amy & Rory (The Ponds), Lilo & Stitch, Ponyo & Sosuke, and Satsuki & Mei each respond in turn with natural banter, always looping the kid back into the conversation.

AI-generated follow-up suggestions so kids always know what to say next.

📖 Story Builder

Build your own choose-your-own-adventure story. Pick a hero, a world, and a quest — then make choices (or type your own) to steer the plot. Tap "End my story" whenever you're ready for the finale.

😂 Joke Lab

Pick a topic (or type your own) and get a batch of kid-friendly jokes with blurred punchlines to tap and reveal. Rate each joke 😂 or 🙄 and load more infinitely.

🎭 Mad Libs

Pick a theme (Space Adventure, Pirate Ship, Fairy Tale, and more), fill in 8 word slots — each with quick-tap suggestions or free entry — then watch the AI write a silly story using every word, highlighted in purple.

Features

• Shared header across all pages — profile name + emoji avatar, active model indicator, quick settings access
• Safe, age-appropriate responses tuned for ages 6–9
• Works on iPhone, iPad, and desktop
• API key stored in localStorage — never leaves the device except to call Anthropic directly
• Supports local LLMs via any OpenAI-compatible endpoint (e.g. Ollama)
• Supports OpenCode Go as a cloud provider (OpenAI-compatible, Bearer token)

Setup

1. Get an Anthropic API key at console.anthropic.com
2. Open the app and paste your key in the one-time setup screen
3. Pick an app and go

Running locally

Any static file server works:

npx serve .

Then open http://localhost:3000.

Optionally copy config.example.js to config.js and fill in your key so you don't have to paste it on every reload (already gitignored).

Project structure

index.html              # Landing page
kids-chatbot.html       # Character Chat
story-builder.html      # Story Builder
joke-lab.html           # Joke Lab
mad-libs.html           # Mad Libs
header.js               # Shared header component (injected on all pages)
config.js               # Dev-only key injection (gitignored)
images/doctors/         # Pixel art portraits for Doctor Who characters

Tech

• Vanilla HTML/CSS/JS — no build step, no dependencies
• Claude API for all AI responses
  • Character Chat: claude-sonnet-4-6
  • Story Builder: claude-sonnet-4-6
  • Joke Lab: claude-haiku-4-5 (faster for short content)
  • Mad Libs: claude-haiku-4-5 (faster for short content)
• Hosted on GitHub Pages