Kroki Diagram API
SkillMediaGenerate diagrams from text via Kroki's multi-format rendering API
Use Kroki Diagram API in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Kroki Diagram API and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Kroki Diagram API skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.
No other account needed.
Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.
What this skill tells your AI
The instructions your AI receives, as published by brycewang-stanford/auto-empirical-research-skills in skills/43-wentorai-research-plugins/skills/tools/diagram/kroki-diagram-api/SKILL.md and read by ahel’s review.
Overview
Kroki provides a unified HTTP API to render 20+ text-based diagram formats into images (SVG, PNG, PDF). It supports Mermaid, PlantUML, Graphviz, D2, BPMN, and more — all through a single endpoint. Self-hostable or use the free public instance. No authentication required. Ideal for generating research figures, architecture diagrams, and flowcharts programmatically.
API Usage
GET Request (URL-encoded)
# Graphviz DOT diagram
curl "https://kroki.io/graphviz/svg/digraph{A->B->C}" -o diagram.svg
# Mermaid diagram (base64-encoded)
echo "graph TD; A-->B; B-->C;" | base64 | \
curl "https://kroki.io/mermaid/svg/$(cat -)" -o diagram.svg
POST Request (Recommended)
# PlantUML sequence diagram
curl -X POST "https://kroki.io/plantuml/svg" \
-H "Content-Type: text/plain" \
-d '@startuml
Alice -> Bob: Hello
Bob --> Alice: Hi!
@enduml' -o sequence.svg
# Mermaid flowchart
curl -X POST "https://kroki.io/mermaid/svg" \
-H "Content-Type: text/plain" \
-d 'graph TD
A[Data Collection] --> B[Preprocessing]
B --> C[Model Training]
C --> D[Evaluation]
D -->|Good| E[Deploy]
D -->|Bad| B' -o flowchart.svg
# Graphviz
curl -X POST "https://kroki.io/graphviz/svg" \
-H "Content-Type: text/plain" \
-d 'digraph {
rankdir=LR
"Raw Data" -> "Feature Extraction" -> "Model" -> "Prediction"
}' -o pipeline.svg
# D2 diagram
curl -X POST "https://kroki.io/d2/svg" \
-H "Content-Type: text/plain" \
-d 'Client -> API: Request
API -> Database: Query
Database -> API: Results
API -> Client: Response' -o d2.svg
URL Format
https://kroki.io/{diagram_type}/{output_format}/{encoded_source}
# Or POST to:
https://kroki.io/{diagram_type}/{output_format}
Supported Diagram Types
| Type | Keyword | Best for |
|---|---|---|
| Mermaid | mermaid | Flowcharts, sequences, Gantt |
| PlantUML | plantuml | UML, sequences, class diagrams |
| Graphviz | graphviz | Network graphs, DAGs |
| D2 | d2 | Modern text-to-diagram |
| Ditaa | ditaa | ASCII art diagrams |
| BlockDiag | blockdiag | Block diagrams |
| Nomnoml | nomnoml | UML-like diagrams |
| WaveDrom | wavedrom | Digital timing diagrams |
| Vega | vega | Data visualizations |
| Vega-Lite | vegalite | Simplified data viz |
| C4 PlantUML | c4plantuml | C4 architecture |
| BPMN | bpmn | Business processes |
| Bytefield | bytefield | Protocol/byte diagrams |
| Excalidraw | excalidraw | Hand-drawn style |
Output Formats
| Format | Extension | Use case |
|---|---|---|
| SVG | /svg | Web, scalable |
| PNG | /png | Documents, slides |
/pdf | Papers, print | |
| JPEG | /jpeg | Compatibility |
Python Usage
import requests
import base64
import zlib
KROKI_URL = "https://kroki.io"
def render_diagram(source: str, diagram_type: str = "mermaid",
output_format: str = "svg") -> bytes:
"""Render a text diagram to image via Kroki."""
resp = requests.post(
f"{KROKI_URL}/{diagram_type}/{output_format}",
headers={"Content-Type": "text/plain"},
data=source,
)
resp.raise_for_status()
return resp.content
def save_diagram(source: str, output_path: str,
diagram_type: str = "mermaid",
output_format: str = "svg"):
"""Render and save a diagram to file."""
content = render_diagram(source, diagram_type, output_format)
with open(output_path, "wb") as f:
f.write(content)
def render_research_pipeline(steps: list) -> bytes:
"""Create a research pipeline flowchart."""
nodes = []
for i, step in enumerate(steps):
node_id = chr(65 + i)
nodes.append(f" {node_id}[{step}]")
if i > 0:
prev_id = chr(65 + i - 1)
nodes.append(f" {prev_id} --> {node_id}")
mermaid = "graph TD\n" + "\n".join(nodes)
return render_diagram(mermaid, "mermaid", "svg")
# Example: create a research workflow diagram
workflow = """graph TD
A[Literature Review] --> B[Hypothesis]
B --> C[Data Collection]
C --> D[Statistical Analysis]
D --> E{Significant?}
E -->|Yes| F[Write Paper]
E -->|No| G[Revise Hypothesis]
G --> B
F --> H[Peer Review]"""
save_diagram(workflow, "research_workflow.svg", "mermaid")
# Example: Graphviz citation network
citation_graph = """digraph {
rankdir=BT
node [shape=box, style=rounded]
"Vaswani 2017" -> "BERT 2018"
"Vaswani 2017" -> "GPT 2018"
"BERT 2018" -> "RoBERTa 2019"
"GPT 2018" -> "GPT-2 2019"
"GPT-2 2019" -> "GPT-3 2020"
}"""
save_diagram(citation_graph, "citations.svg", "graphviz")
# Example: research pipeline helper
pipeline_svg = render_research_pipeline([
"Raw Data", "Cleaning", "Feature Engineering",
"Model Training", "Evaluation", "Deployment"
])
Self-Hosting
# Run Kroki locally via Docker
docker run -d -p 8000:8000 yuzutech/kroki
# Then use http://localhost:8000 instead of https://kroki.io
References
Signals
- GitHub stars
- 4k
- Forks
- 531
- Last commit
- Sep 2026
Advanced
- Item type
- skill
- Key
kroki-diagram-api- Source
- github.com/brycewang-stanford/auto-empirical-research-skills
github.com/brycewang-stanford/auto-empirical-research-skills
Related picks
Skill · wshobson
The pick for Pythonpython-pro
Skill · jeffallan
The pick for Pythongolden-pdf-ch
Skill · yusufkaraaslan
The pick for PDFpdf-co-automation
Skill · composio-community
The pick for PDFdocker-agent-run
Skill · docker
The pick for Dockerdocker-sandbox
Skill · joelhooks
The pick for Docker