$ ~/registry/skill/openclaw-diagram-maker

SKILL

diagram-maker

Name: diagram-maker
Author: openclaw

Generate concept, architecture, flow, and whiteboard diagrams in multiple formats.

Stars

★ 382,582

Source

GitHub

Updated

2026-07-11

// securityLow risk

Prompt only, no code
Open source
Community-trusted· 377.5k

Summary

The material indicates this is essentially a prompt-only skill for generating diagram files, with no required secrets and no declared remote endpoints, so the overall risk is low. Given the open-source GitHub source and extremely strong community adoption, no concrete high-risk red flags are evident, though its normal workflow may still reference local file paths.

CredentialsLow risk

Both the material and the objective checks indicate no API keys, tokens, or environment variables are required; there is no sign of credential collection, storage, upload, or misuse, so credential risk is low.

Network egressLow risk

No remote endpoints are declared, and the README explicitly says SVG/HTML should not use external fonts, JS, images, or remote assets; there is no indication of user data being sent to third-party services.

Code executionLow risk

The system marks it as prompt-only, indicating it primarily provides instructions for generating diagram content/files; while the material mentions 'opening/parsing for verification,' it does not show independent local code execution, process spawning, or privileged system access.

Data accessLow risk

The material only describes generating `.html`/`.excalidraw` files at a requested or default path, which is normal output behavior for a diagram-generation skill; there is no stated ability to browse, read, or broadly write local data, nor any sign of excessive permissions.

Supply chainLow risk

The source is an open-source GitHub repository with extremely high community adoption (about 377k stars), which are strong positive trust signals; although the license is undeclared and maintenance status is unknown, these are governance gaps rather than high-risk red flags.

Recommendations

Prefer using it within a restricted workspace and only allow writes to an explicitly approved output directory.
Before production use, verify the repository license, recent commits, and issue-handling activity.
Manually review generated HTML/SVG once to confirm there are no unexpected scripts or external links.
For enterprise use, enforce policy controls on allowed output file types and paths.

Audited by: gpt-5.4 · 2026-06-16

// install

Copy the install command and let the AI configure it · recommended for beginners

Please install the "diagram-maker" skill from askskill:
1. Download https://raw.githubusercontent.com/openclaw/openclaw/main/skills/diagram-maker/SKILL.md
2. Save it as ~/.claude/skills/diagram-maker/SKILL.md
3. Reload skills and tell me it's ready

// download

Download SKILL.mdInstall manifest ↗

// examples

System Architecture Diagram

Prompt

Create an SVG architecture diagram for an e-commerce platform including frontend, API gateway, user service, order service, payment service, database, and cache, with arrows showing main interactions.

Expected

A clear system architecture diagram ready for documentation or proposal use.

Business Process Flowchart

Prompt

Draw a customer complaint handling flowchart in Excalidraw style, including complaint submission, owner assignment, issue investigation, result feedback, and ticket closure, with decision branches.

Expected

A team-friendly flowchart clearly showing steps and decision branches.

Concept Relationship Diagram

Prompt

Generate an HTML concept map for machine learning basics, showing relationships among supervised learning, unsupervised learning, classification, regression, clustering, and common algorithms.

Expected

A visual concept map that helps explain or study the core knowledge structure.

// docs

Diagram Maker

Create diagrams as artifacts, not prose. Choose one output mode:

clean-svg: educational concepts, physical systems, processes, lifecycle, simple data flow.
architecture-svg: software/cloud/infra topology, services, databases, queues, trust zones.
excalidraw: editable hand-drawn whiteboard, flowchart, sequence, architecture sketch.

Routing

User wants editable/collaborative: choose Excalidraw.
User wants polished standalone browser output: choose SVG/HTML.
Software architecture with infra components: choose architecture SVG.
Science, product, process, concept map, physical object: choose clean SVG.
Unsure: ask one short question only if output format matters; otherwise choose clean SVG.

Workflow

Extract nodes, groups, labels, and directed relationships.
Pick layout first: left-to-right, top-down, hub-spoke, swimlanes, layered stack, sequence.
Keep labels short. Prefer 5-9 main elements over dense diagrams.
Generate the file at the requested path, or ./diagram.html / ./diagram.excalidraw.
Verify syntax by opening/parsing when feasible.

SVG/HTML rules

Single standalone .html file with inline CSS and inline SVG.
No external fonts, JS, images, gradients, glows, decorative blobs, or remote assets.
Use semantic colors, not rainbow sequences: neutral, input, process, storage, external, risk.
Draw connectors before nodes so arrows sit behind boxes.
Every connector path has fill="none" and a marker arrow when directed.
Leave 24px text padding inside boxes; do not let text touch borders.
Legend only when symbols/colors are not obvious.

SVG template

Use references/svg-template.md as the wrapper and replace .

Excalidraw rules

Save .excalidraw JSON with type, version, source, elements, and appState.
Use bound text for shape labels. Do not use a nonstandard label property.
Keep bound text immediately after its container in the elements array.
Minimum labeled shape: 120x60. Minimum body text: 16px.
Use roughness 1, fontFamily: 1, and simple fills.