My Monster
Design your own monster and turn it into a real web page! You'll use a coding agent (Claude Code or Codex) to build it, publish your monster to project.foryouth.net, and learn GitHub to save and share your work.
You don't need to know how to code to start — your job is to describe what you want, and the coding agent helps make it real.
Week-by-week plan
Intro to coding agents
Meet the coding agent — an AI tool that writes code with you. We used Claude Code and/or Codex to design a monster and publish it to project.foryouth.net. You learned how to describe what you want clearly and watch your idea become a web page.
Intro to GitHub
This week we learn GitHub — where programmers save their code, keep a history of every change, and collaborate with others. You'll learn what a repository and a commit are, and how to safely back up your monster project to the cloud.
Make your monster move: SVG + GSAP
This week your monster comes to life! You'll meet SVG — a way to draw shapes (circles, eyes, teeth) with code so they stay crisp at any size — and GSAP, a popular animation tool that makes those shapes bob, blink, and wave.
You don't know GSAP yet — and that's the whole point. You'll meet your first skill: a pack of expert instructions you hand your coding agent so it knows exactly how to use a new tool like GSAP. Add the GSAP skill, then just describe the motion you want in your own words (like "make the eyes blink every few seconds") and let the agent do the rest.