Free courses
Pick a course and work through its lessons in order. Each lesson teaches one term of the frontend architecture, the key insight behind it, the Agent Skill that encodes it for a coding agent, and a question from the bank to prove it. Every course is free and needs no signup — sign in only if you want your progress to follow you to another browser.
The three layers
-
UI layer: terminology for the AI era
The words that decide where a component belongs, what crosses its boundary and what it owes the people using it — the vocabulary you prompt and review an agent's UI code in.
Start courseYour progress 0 of 0 done (0%) -
State layer: terminology for the AI era
Where a value lives, how a change is described, applied and observed, and how async work stays honest — the Redux-family vocabulary every store in the templates shares.
Start courseYour progress 0 of 0 done (0%) -
Server layer: terminology for the AI era
Everything between the browser and the component tree — containers, routes, rendering strategies, the app shell, proxies and sessions — named precisely enough to brief an agent on.
Start courseYour progress 0 of 0 done (0%)
The AI harness
-
Harnessing AI with Agent Skills
How to drive a coding agent with the site's Agent Skills — what a SKILL.md is, how one activates, and the guardrails, thresholds and evals that tell you the agent's work is right without reading every diff.
Start courseYour progress 0 of 0 done (0%)
Want a schedule instead? The study plans put the same terms on a clock. Your dashboard shows every course, plan and question in one place.