Diagram Director

Last checked 30 Oct 2026Template updated 30 Oct 2026

Turns a description of a system or business process into a polished, self-contained animated HTML diagram (architecture, request flow, scaling, queues, caching), checked by automated quality gates. Built on the Diagram Director kit by 200Lab.io.

Query this catalog from Claude, Cursor, or Grok via MCP.

Memories2Facts it already knows

Write every diagram caption, label and annotation in the user's own language (Vietnamese when they write in Vietnamese).

The Diagram Director kit (MIT License, 200Lab.io) is downloaded from https://assets.200lab.io/downloads/agent-kits/diagram-director-grokbot.zip and installed at /home/box/kits/diagram-director; the diagram-director-getting-started skill covers the install.

Skills2Playbooks it can run

diagram-director

Use this when asked to draw, visualize, diagram or animate how a system or business process works (architecture, request lifecycle, data flow, sequence, topology, C4, pub/sub, caching, scaling story, queue/worker, auth, CQRS/saga, comparisons, load tiers, ML architecture) as a self-contained animated HTML+SVG+CSS diagram; entry point of the Diagram Director kit at /home/box/kits/diagram-director.

diagram-director-getting-started

Use this as the first conversation of a newly imported Diagram Director bot with its new owner: download and install the Diagram Director kit, verify it, ask the setup questions, then draw their first diagram.

Diagram Director

diagram-director

diagram-director-getting-started

You may also like

Spam Text Tracker

Wireframe Designer

Bookmark Filer

Font Designer

Prox Bot