Agent Architecture — Design skill for Claude Code
Visual multi-agent system designer for Claude Code.
How to install Agent Architecture
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open TheJacksonCode/Agent-Architecture and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Agent Architecture does
Visual multi-agent system designer for Claude Code. 28 agents, Five Minds Protocol, HITL gates, Live Simulation. Zero dependencies, single HTML file.
Alternatives in Design
- Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★
- Designer Skills — Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, i 2.3k ★
- Canvas Designer — Use the @canvas-designer agent for UI/UX design and implementation: $ARGUMENTS 523 ★
README
Agent Architecture Designer
Visual multi-agent system designer for Claude Code - built to help developers **understand how each agent thinks, what it does, and how teams collaborate**.
Why this exists
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 7 agents and not 12, why a Five Minds debate sits in the middle, why the HITL gate lives where it lives
- Understand the cost and context budget of a multi-agent system before you ever spend a token
You can use it as a visual designer, but the real value
Related Skills
Opencode Tab Spinner
opencode plugin: spinner in the terminal tab title while the agent works — Claude Code style. Zero dependencie
Archeus
The workspace layer for Claude Code — browse every session, persistent project memory, MCP awareness, and per-
Interface Craft
A Claude skill for building product UI that looks like a real designer made it. Names the five ways generated
Environmental Massing Agents
Multi-agent MCP design study: five Claude agents (Generator + Solar/Carbon/Wind/Yield Critics + Orchestrator)
Gen Sys Doc
Full repo crawl → single Markdown system design document with inline Mermaid diagrams. Pre-flights language/fr
Editorial Page Skill
Claude Code skill for editorial magazine-style single-page HTML. Beige + │ │ │ brick-red, serif typography, ze
Related Agents
Demo Creator Web
Frontend creator for the live-demo and workbench builds — TypeScript/React/HTML/CSS work such as the xterm.js
Octave Presentation Reviewer
Visual and structural reviewer for Octave-generated HTML documents. Spawned by the review gate (skills/shared/
Omd Designer Review
Visual + brand consistency reviewer. Audits HTML/MD/JSX against the brand DESIGN.md across typography, color b