Skip to content

The agent loopThe agent loop

Explorer   Builder   Operator   Power user

Diagram atlas

You are here: Diagram atlas · Every level
Next: Foundations

Architecture figures are drawn twice, so a lesson still teaches if one renderer fails. The SVG is the designed figure. The Mermaid block on the linked page is the editable twin. GitHub renders both.

Each figure is a light file and a dark file. The page picks one with <picture> and prefers-color-scheme. The canvas is transparent, so the figure sits on GitHub’s page color. The viewBox is 830 wide, about the README column. Titles are 36px. Names are 28px. Gloss is 18px. Nothing in a figure is smaller than 16px. The table below links the light file. The dark twin is the same name with -dark.

Three maps are SVG only. They are the front door, not a second copy of a lesson: the harness hero, the learning-path journey, and the agent landscape. The pages they open carry the editable detail.
Path All paths
Time Browse
You need Nothing
Figure SVG Mermaid and lesson
Agent loop agent-loop-light.svg The agent loop
Wiki memory wiki-memory-light.svg Wiki memory
Tools and MCP mcp-light.svg Tools and MCP
Gateway routing gateway-routing-light.svg Gateways
Lead agent, phases orchestration-light.svg Orchestration
Local and cloud cloud-vs-local-light.svg Cloud and local
Find, review, fix, retest security-loop-light.svg Security loop
Research loop knowledge-flow-light.svg How agents remember
Where memory lives memory-map-light.svg How agents remember
Harness hero harness-hero-light.svg SVG only. Lesson: Harness engineering
Model plus harness harness-light.svg Harness engineering
Learning path journey-map-light.svg SVG only. Lesson: Learning paths
Agent landscape landscape-light.svg SVG only. The clickable cards are on the README map and in assets/map.
Four eras harness-eras-light.svg Harness engineering
Hosted agents hosted-agents-light.svg Hosted agents
Explorer route explorer-route-light.svg Explorer
Builder route builder-route-light.svg Builder
Operator route operator-route-light.svg Operator
Power user route power-route-light.svg Power user

Section openers live in assets/sections. The mark and the masthead live at logo-light.png, logo-dark.png, banner-light.png, and banner-dark.png.

When a figure changes, update the SVG, the Mermaid block, and this table's description if the title changed. Rules: style guide.

Continue

Map | Paths | Glossary | References