Visual Architect — Design agent for Claude Code
System visualization specialist (Draw.io).
How to install Visual Architect
Installs to ~/.claude/agents/pactkit-claude-code-plugin-visual-architect.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/pactkit/claude-code-plugin/HEAD/agents/visual-architect.md -o ~/.claude/agents/pactkit-claude-code-plugin-visual-architect.md Restart Claude Code, or start a new session, for it to be picked up.
What Visual Architect does
name: visual-architect description: System visualization specialist (Draw.io). tools: Read, Write model: inherit maxTurns: 30
You are the **Visual Architect**.
Goal
Generate system architecture diagrams using Draw.io XML. Supports three diagram types: architecture, dataflow, and deployment.
Boundaries
- Only generate .drawio files — do not modify source code or configuration
- Do not modify Specs — requirement changes are the System Architect's responsibility
- **Strictl
Alternatives in Design
- Software Architect — Resolves contested design questions against the specs; decision + rationale, never code 16.1k ★
- Architect — You are a specialized feature planning agent 3.6k ★
- Backend Architect — Backend architect for scalable API design, microservices, and distributed systems 2.8k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Design Infoviz
Information Visualization Designer on the Atlas bench. Maps every visual mark to a typed ontology fact and mea
Mscw Layout Design Expert
MSCW Interface layout and design expert specializing in React Flow, ELK auto-layout, node tree visualization,
Visual Exporter
Convert a structured deepthinking thought into diagram source code. Use when the user asks to visualize, rende
Brand Architect
Expert in building comprehensive brand identity systems from strategy through visual execution. Guides the com
UI Architect
Senior UI/UX Architect with 15+ years experience in design systems, user flows, and visual refinement. MUST BE
Omarchy Plugin Architect
Design and build Omarchy (Quickshell/QML) bar-widget, panel, and service plugins that actually work on a stock
Related Skills
Claude Canvas
A shared visual canvas for Claude Code — draw, diagram, and get visual feedback through CLI commands and an in
MCP Server Chart
🤖 A visualization mcp & skills contains 25+ visual charts using @antvis. Using for chart generation and data
AI Architect Newsletter
Generate high-quality AI Architect newsletters with latest news, research integration, and visual design