Agent Architecture Designer
by TheJacksonCode · io.github.thejacksoncode.agent-architecture
Not TrustedWeb appUnrated★ 104 stars
Visual multi-agent system designer for Claude Code.
Visual multi-agent system designer for Claude Code. 60 agents, 62 presets, Five Minds Protocol, HITL gates, cost modelling and Live Simulation - see the team run before you spend a token. Installable as a Claude Code plugin. Zero dependencies, single HTML file.
Screenshots
Agent Encyclopedia - bento layout with numbered kickers Hooks Playground - all 27 Claude Code lifecycle events across 4 lanes Architecture Patterns - 10 canonical multi-agent patterns tied to real agents and presets Cost Command Center modal with donut, breakdown, what-if and export tabs Custom Agent Creator Pro - wizard mode with icon picker and live preview Dark theme - canvas with agents
About
Agent Architecture Designer is primarily an educational and developmental tool. It is not a production orchestrator - it is a place where you can slow down and study multi-agent systems the way you would study a complex machine: one moving part at a time. The goal is that after using it, you should be able to: - Understand what every single agent actually does - its role, inputs, outputs, anti-patterns, and failure modes - Understand how agents talk to each other - who hands off to whom, which phases they live in, where the friction is - Understand why a given preset looks the way it does - why it has 6 agents and not 12, why a Five Minds debate sits in the middle, why the HITL gate lives where it lives - Recognize the architecture patterns behind the scenes - ReAct, Orchestrator-Worker, Blackboard, Routing, and seven others, with real examples pulled from the agents on the canvas - Understand exactly when Claude Code will run your own hooks, across all 27 documented lifecycle events, before you write a single line of hook config - Understand the cost and context budget of a multi-agent system before you ever spend a token Agent Architecture Designer is the open-source project TheJacksonCode/Agent-Architecture (https://github.com/TheJacksonCode/Agent-Architecture) by TheJacksonCode, released under MIT. Ion packages it unmodified from commit c705758f9b4e, adding only a manifest, an icon and a storage compatibility script.
Source
Written by TheJacksonCode, published to Oikou by Ben Grande.
- ★ 104 stars on GitHub
- Licence: MIT
- Upstream version v0.1.0
- Built from commit c705758f9b4e
Age rating
Not rated. Nobody has said who this app is suitable for, so Personal Clouds and the Oikou app treat it as 18+.
What version 0.1.0 may do
Internet
It asks to reach these hosts, and no others:
- fonts.googleapis.com
- fonts.gstatic.com
Personal Cloud tools
- Keep a database of its own on your Personal Cloud ion.db
Notifications
It does not send push notifications.
Storage
Up to 16 MB on your Personal Cloud.
Add to Personal Cloud
Sign in to add this web app to a Personal Cloud of yours. It runs there, on your own computer, and you open it from there; nothing is installed on your phone.
Versions
0.1.0 Latest Shown above
Published · a ready-built bundle
Imported from TheJacksonCode/Agent-Architecture at c705758f9b4e (v0.1.0).