Three agentic coding exercises. Each exercise gives learners a React starter codebase and a focused agent workflow to practice.
| # | Exercise | Starter code | Goal |
|---|---|---|---|
| 01 | NFR X-Ray | React | Check whether a codebase is enterprise-ready. |
| 02 | Code Review | React + PR diff | Review a PR in 5 minutes and rank issues by severity. |
| 03 | Generate Diagram | React feature | Generate sequence and flow diagrams for a feature. |
- Fork this repository.
- Pick one exercise.
- Create a branch in your fork.
- Work inside that exercise folder.
- Commit your solution.
- Open a pull request back to this repository for review.
Solution PRs are reviewed for feedback and should not be merged into main. The main branch should stay as the clean exercise source.
- Node.js 20+ for starter projects.
- Claude Code or any other AI coding agent.
- Exercise 01: Architect Playbook
- Exercise 02: Superpowers code-review skill
- Exercise 03: Excalidraw diagram-generator skill
Keep solutions scoped to the selected exercise. Do not change unrelated exercise folders.