Tools

Turns natural-language descriptions, Mermaid or a real code repo into interactive single-file HTML diagrams: architecture, flowcharts, sequence diagrams, data flows and state machines. Validates output automatically and exports PNG or SVG.

Generates self-contained HTML+SVG diagrams in an editorial style: architecture, flowcharts, sequence, swimlane, Gantt and dozens more types. Can match brand colors from a website and redraw imported Mermaid, draw.io and Excalidraw sources.

Turns architecture explanations, diff reviews, plan reviews and data comparisons into self-contained HTML pages or slides with Mermaid diagrams and light and dark themes, replacing ASCII diagrams in the terminal.

draw.io's official MCP: opens XML, CSV or Mermaid diagrams generated by the agent directly in the draw.io editor, good for flowcharts and architecture diagrams. A no-install remote version can also render diagrams inline in the chat.

Explains the current topic visually with the smallest view that makes the point: pseudocode, call trees, component or file trees, Mermaid diagrams or diffs, and a focused HTML diagram or short deck when the idea is too dense. Invoked manually.

Visualization skills for Obsidian that turn text into Excalidraw hand-drawn diagrams, Mermaid charts and Obsidian Canvas mind maps. Marked experimental by the author; the Excalidraw skill needs the matching Obsidian plugin.

Gives agents a live local Excalidraw canvas: add, edit and delete elements to draw architecture diagrams and flowcharts, take screenshots to check the result, convert Mermaid and export .excalidraw files. Runs locally with no API key; also ships a CLI and an agent skill.

Figma's official skill: the agent writes Mermaid, then uses the Figma MCP to build flowcharts and sequence, state, Gantt and ER diagrams in FigJam for you to tweak by hand. Unsupported types like pie charts and mind maps are flagged upfront. Needs a Figma account and the remote MCP server.

Generates flowcharts, sequence diagrams, class diagrams and other charts from Mermaid syntax with configurable theme and background, exporting SVG or PNG files or a mermaid.ink share link. Validates syntax so the model can fix errors over several turns.