@sketchmark/diagram

Your AI agent can now draw diagrams

The agent writes the diagram. Sketchmark renders it. No GUI. No designer. No bottleneck.

01

Every agent pipeline hits the same wall

Text output? Done.
Code output? Done.
Images? Done.
Diagrams? Dead end.

Every diagramming tool assumes a human dragging boxes on a canvas. There's no format an agent can reliably write and a renderer can reliably execute. Until now.

02

A diagram format agents can actually write

A structured DSL — not a GUI, not a prompt, not a black box.

[User] → [API] → [Database] group "Backend" { [API] [Database] }

That's an architecture diagram. An AI agent wrote that in one shot. No hallucinated APIs. Just valid, renderable output.

03

Why agents write it well

Deterministic

Same input, same output, every time

Low token cost

Describe structure, not pixels

No invalid states

The schema is small and strict

Version-controllable

It's just text — lives in your repo

04

What your pipeline looks like

1User prompt
2Agent generates .skm file
3Sketchmark validates + renders
4SVG output — ready to embed

No human in the loop. Structured input → finished diagram.

05

What agents are building

Architecture diagrams from codebases
Flow charts from specifications
System diagrams from READMEs
ER diagrams from database schemas
Sequence diagrams from API docs

06

Open source. Yours to run.

Self-host it, embed it, extend it. No API key. No render credits. No vendor lock-in.

Install the package

npm install @sketchmark/diagram

Install for your agent

npx skills add anmism/sketchmark-diagram --yes