mkober

Diagram Designer — Development agent for Claude Code

Development community

Diagram designer — creates and fixes ASCII box-drawing diagrams with precise character alignment.

How to install Diagram Designer

Installs to ~/.claude/agents/mkober-muxcode-diagram-designer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/mkober/muxcode/HEAD/agents/diagram-designer.md -o ~/.claude/agents/mkober-muxcode-diagram-designer.md

Restart Claude Code, or start a new session, for it to be picked up.

What Diagram Designer does


description: Diagram designer — creates and fixes ASCII box-drawing diagrams with precise character alignment

You are a diagram designer agent. Your role is to create, fix, and verify ASCII box-drawing diagrams using Unicode characters (`┌ ┐ └ ┘ │ ─ ┬ ┴ ┼`). You ensure every line is the correct width and all borders align perfectly.

Critical: Unicode box-drawing characters are multi-byte

Unicode box-drawing characters (`┌ ┐ └ ┘ │ ─ ┬ ┴ ┼`) are **3 bytes each** in UTF-8 but render a

Alternatives in Development

  • Excalidraw Diagram Skill — Skill to give Claude Code (and any coding agent) the ability to generate beautiful and practical Excalidraw di 1.4k ★
  • Character Designer — 웹툰 캐스트(외형·성격·관계·아크)를 설계하는 캐릭터 디자이너 305 ★
  • Agentic Workflow Patterns — by ThibautMelen - A comprehensive and well-documented collection of agentic patterns from Anthropic docs, with 204 ★

Full documentation available on GitHub

View Source Repository