Skip to content

Quest AI

Quest AI is a 3D game that teaches kids (ages 7-11) descriptive thinking through play.

Code Video Cerebral Valley

Core trick

Constrains the model's scene-script output to a registered vocabulary of props and characters, with cached and prewritten fallbacks.

Tags

educationcreative/music

Description

Quest AI is a 3D game that teaches kids (ages 7-11) descriptive thinking through play. A child types "the skeleton juggles birthday cakes while riding a unicycle," and Claude Opus 4.6 generates a scene script that spawns characters, props, animations, and narration in the browser. Vague descriptions produce hilarious failures. Specific ones produce celebrations. Kids retry because they want to see what happens, not because they're told to. Three-tier response system: instant cache (166 golden responses), live Opus 4.6 API with a vocabulary contract constraining output to 1,686 registered props and 27 characters, and prewritten fallbacks so the demo never errors. Mad Libs scaffold (Levels 1-3) removes training wheels, allowing kids to write free-form descriptions (Levels 4-5). Built solo in 7 days with React Three Fiber, 4,270+ CC0 GLTFs, 139 animations, 665 audio files, and 476 hand-crafted vignettes. Claude Code: 7 SME subagents, 32 workflow skills, persistent memory tree.
DrewWasem/quest_ai★ 10 forksTypeScriptMITCreated Feb 10, 2026 · last push Feb 16, 2026

README excerpt

<!-- Uncomment when hero screenshot is captured:
<p align="center">
  <img src="docs/screenshots/hero.png" alt="Quest AI — A kid types a description and a 3D scene comes alive" width="720" />
</p>
-->

<h1 align="center">Quest AI</h1>

<p align="center">
  <strong>AI-powered 3D game that teaches kids descriptive thinking through play.</strong><br/>
  Built solo in 7 days for the <a href="https://cerebralvalley.ai/e/claude-code-hackathon">Built with Opus 4.6 — Claude Code Hackathon</a> (Feb 10-16, 2026).
</p>

<p align="center">
  <img src="https://img.shields.io/badge/React-18-61DAFB?logo=react" alt="React 18" />
  <img src="https://img.shields.io/badge/TypeScript-5.3-3178C6?logo=typescript" alt="TypeScript" />
  <img src="https://img.shields.io/badge/Three.js-r170-000000?logo=threedotjs" alt="Three.js" />
  <img src="https://img.shields.io/badge/Claude-Opus_4.6-7C3AED?logo=anthropic" alt="Claude Opus 4.6" />
  <img src="https://img.shields.io/badge/Vite-5-646CFF?logo=vite" alt="Vite" />
  <img src="https://img.shields.io/badge/License-MIT-green" alt="MIT License" />
</p>

<p align="center">
  <a href="https://quest-ai-smoky.vercel.app/"><strong>Play the live demo</strong></a>
</p>

---

## What is this?

Kids ages 7-11 type a description like *"the skeleton juggles birthday cakes while riding a unicycle"* and Claude Opus 4.6 builds a 3D animated scene in real time — characters spawn, props appear, animations play, and a funny narration reads aloud. Vague descriptions produce

Team