System visualization

Sub‑agent orchestration

The DAD multi-agent system delegates work across specialised agents using synchronous and asynchronous modes, with DAG-based dependency execution. This viewer maps the architecture.

Agent map

Five specialised agents, their purposes, and how they are called. Synchronous delegation shares the parent process; asynchronous delegation spawns an independent child.

delegate_to_agent orchestrator ui‑validator Visual page validation Multiple viewports sync web‑publisher Content editing Design system, static pages sync web‑developer Apps, backend services Caddy routing sync / async sysadmin‑agent Infrastructure Debugging, system health async home‑agent Family queries Domestic tasks async sync (in-process) async (child process)
About these agents
Orchestrator delegate_to_agent

The entry point. Routes tasks to the correct agent by name. Decides sync vs async based on mode parameter.

Sync ui‑validator

Visual validation across breakpoints. Runs synchronously so the editor sees results immediately.

Sync web‑publisher

Content and design changes. Edits are applied in real-time during the session.

Sync / Async web‑developer

App backend and deployment. Defaults to sync for small changes, async for heavy builds.

Async sysadmin‑agent

Infrastructure tasks like debugging, health checks, and package installs. Runs independently.

Async home‑agent

Family queries and domestic automation. Fire-and-forget; results arrive when ready.