Build Projects with Coding Agents
Each project walks you through requirements analysis, system design, implementation with Claude Code, and result evaluation — the full workflow of a modern builder.
Getting Started
Install Claude Code, learn its essential commands, and set up Node.js with a Next.js project — everything you need before building your first AI-assisted app.
JSON Formatter
Build a browser-based JSON formatter that parses, validates, and pretty-prints JSON. You'll use Claude Code to build a clean editor UI from scratch, seeing firsthand how coding agents turn ideas into working UI in minutes.
Text Comparer
Build a side-by-side text diff tool that highlights added, removed, and changed lines. You'll use Claude Code to build a clean split-panel editor UI from scratch, discovering how coding agents handle tedious UI wiring and diff logic.
AlphaEvolve Skill
Build a Claude Code skill that brings evolutionary optimization to your coding workflow. Inspired by Google DeepMind's AlphaEvolve, this skill wraps an LLM as a mutation engine inside a population-based search loop with automated evaluation.
More coming soon
New projects are coming soon. Stay tuned.