‹ All projects
BuiltLive demoAI learning game

LangGraph: wire the agent

A puzzle game that teaches how LangGraph agents work: connect the steps, run the tests, fix the loop.

The problem

LangGraph’s ideas — nodes, shared state, conditional edges, recursion limits, human approval — are easy to read about and hard to picture.

How it works

  1. 01Read the goal
  2. 02Connect the arrows
  3. 03Run the tests
  4. 04Watch each path
  5. 05Earn stars

What was hard

  • A tiny graph engine in the LangGraph style: each node returns a state update and a route; fixed and conditional edges pick what runs next.
  • Every level is checked with test inputs, so a wrong arrow fails with a plain sentence — “paid ₹50,000 with nobody checking”.
  • Loops are stopped at a recursion limit, as LangGraph does, so the player sees why agents need a way out.

The result

Four levels covering the four patterns most agents are built from.

Built with

ReactSVGLangGraph concepts