A reveal.js slide deck presenting a working model for how agentic systems are designed, governed, and extended, using RockBot (rockbot.dev) as the running example.
By Rockford Lhotka · blog.lhotka.net
▶ Play the deck live: https://marimerllc.github.io/rockbot-presentation/
(Arrow keys to navigate, F for fullscreen, S for speaker notes, Esc for the
slide overview. Published via GitHub Pages — every push to main rebuilds it.)
An agent is not just an LLM with tools bolted on. In practice, it's the combination of three things: a harness that controls execution, an LLM that reasons and generates, and directives that shape behavior. This talk uses RockBot as a concrete example of that architecture and shows how the pieces fit together in a real system. From there, we'll look at what becomes possible once the core is solid: memory that preserves context, skills that package repeatable behavior, self-learning and skill evolution that improve the system over time, and integration layers like MCP and A2A that let agents reach tools and collaborate with other agents. The point is to move from abstract "agent" talk to a working model for how agentic systems are actually designed, governed, and extended.
The demo throughout is RockBot — rockbot.dev.
The deck argues that an agent is not "an LLM with tools bolted on." In practice it's three distinct parts:
Agent = Harness + LLM + Directives
- Harness — the code that controls execution: the loop.
- LLM — reasons and generates. A black box.
- Directives — shape behavior: scope, tone, rules.
Pull any one out and you don't have an agent. From there the deck shows how getting the core right lets the system extend: memory, skills, self-learning, scheduled tasks, "dreams," MCP, A2A, and least-privilege governance.
- Title — Agentic Architecture in Practice
- What is an agent? (the equation)
- The LLM is a black box
- The harness is the loop
- Directives shape behavior
- Meet RockBot
- Tools: how the harness acts
- Peers: agents calling agents (A2A)
- The harness handles a lot
- Memory: three tiers + a graph
- Skills: fixed guides & evolving know-how
- Tasks on a schedule
- LLM routing: tiers & fallback
- The orchestrator delegates down (primary · subagents · workers · wisps)
- RockBot dreams
- Principle of least privilege
- Untrusted code runs sandboxed
- The working model (recap)
Open index.html in a browser. The deck loads reveal.js 5.1.0 from a CDN, so an
internet connection is needed for the slide framework; local theme.css and
assets/ supply the custom styling and imagery.
Because the deck is fetched over file:// you can usually just double-click
index.html. If a browser blocks local asset loading, serve the folder over HTTP:
npx serve .
# or
python -m http.serverA pre-rendered export is included as rockbot-agentic-architecture.pdf.
To regenerate it:
npm install # installs Playwright + Chromium
npm run pdf # runs export-pdf.mjsexport-pdf.mjs drives headless Chromium against reveal.js's ?print-pdf mode to
produce the PDF.
| Path | Purpose |
|---|---|
index.html |
The reveal.js deck |
theme.css |
Custom theme / styling |
assets/ |
RockBot logo and favicon |
export-pdf.mjs |
Playwright PDF export script |
rockbot-agentic-architecture.pdf |
Pre-rendered PDF of the deck |
package.json |
Scripts and dev dependencies |