Sandbox demo

Building a Next.js Feature

From issue to deployed PR. A complete loop on a realistic Next.js codebase.

End-to-end: an issue describes a feature; the agent reads the codebase, writes the route, the page, the test, opens a PR. Watch how a single well-scoped prompt produces a reviewable change.

Sandbox transcript
Claude Code · sandbox replay
Press Play to replay this transcript step-by-step.
0 / 9

The transcript is canned — no real API calls. The point is to internalize the loop: user → plan → tool → result → answer.

Check your understanding
Q1. Why does the prompt include both the route, the data shape, and the test in one breath?
· Score 100% on the quiz.