MCPInstall

processon-diagram-generator

Generate ProcessOn-compatible editable diagrams and optionally render images through the ProcessOn API. Use when the user explicitly requests ProcessOn, hosted editable diagram output, or API-rendered flowcharts, swimlanes, sequences, architectures, ER diagrams, org charts, timelines, or infographics. Requires PROCESSONAPIKEY for remote generation. Prefer Mermaid for ordinary Markdown-native diagrams and PlantUML for strict UML/C4 source.

Installs
72
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/full-stack-skills/document-skills --skill processon-diagram-generator
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads processon-diagram-generator automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

ProcessOn Diagram Generator

Convert an evidence-backed diagram specification into editable DSL and, when requested, a rendered image.

Routing

  • Use this skill only when ProcessOn or hosted editable output is requested.
  • Use the mermaid skill for ordinary Markdown-native diagrams. Install with: npx skills add full-stack-skills/document-skills --skill mermaid.
  • Use the plantuml skill for strict UML, C4, or .puml output. Install with: npx skills add full-stack-skills/document-skills --skill plantuml.
  • Use the processon-mindmap skill when only a ProcessOn-ready mind-map outline is needed. Install with: npx skills add full-stack-skills/document-skills --skill processon-mindmap.

Configuration

Required:

export PROCESSON_API_KEY="<your-processon-api-key>"

Obtain a key at https://smart.processon.com/user. Never print, persist, or include the key in prompts or output.

Optional configuration:

VariablePurpose
PROCESSON_DSL_API_URLOverride the DSL API URL
PROCESSON_RENDER_API_URLOverride the image-render API URL
PROCESSON_MODELOverride the remote model
PROCESSON_UIDOverride the request UID
PROCESSON_CONNECT_TIMEOUTRequest timeout in seconds
PROCESSON_MAX_RETRIESRetries for timeout, 429, and 5xx failures

Do not perform a remote update check on every invocation. Check the bundled version files only when the user asks about updates or maintenance.

Run an explicit update check only on request:

python3 scripts/check_update.py

Workflow

  1. Extract nodes, relationships, decisions, participants, states, and labels from the request or inspected source.
  2. Resolve missing relationships with source inspection; ask only when ambiguity materially changes the diagram.
  3. Build a concise prompt that preserves the user's language and requests a readable layout with minimal crossings.
  4. Run the bundled client:
python3 scripts/processon_api_client.py \
  --title "登录流程" \
  "生成登录、鉴权、数据查询和令牌签发流程图"
  1. Use --no-render when only editable DSL is needed.
  2. Deliver the complete DSL and edit URL even if image rendering fails.

Output contract

The final response must include:

  • complete DSL without truncation;
  • the edit URL https://smart.processon.com/editor;
  • rendered image URL or saved path when rendering succeeds;
  • a clear rendering failure reason when it fails;
  • assumptions made while reconstructing the diagram.

Use ordinary Markdown links or local image previews when supported by the host. Do not impose raw-URL-only formatting unless the user requests it.

Reliability rules

  • Retry only timeouts, connection failures, HTTP 429, and HTTP 5xx.
  • Use bounded exponential backoff.
  • Do not retry authentication or other deterministic 4xx failures.
  • Keep DSL delivery independent from image rendering success.
  • Save images beneath the requested project or explicit output directory; never use a machine-specific hard-coded path.
  • Reject empty or malformed API responses with a diagnostic that does not expose credentials.

Validation

Before completion, confirm the DSL is non-empty, the diagram type is known or explicitly generic, the edit URL is present, and any local output path exists. Run the offline unit tests after changing the client:

python3 -m unittest discover -s tests -p 'test_*.py'

FAQ

What does the processon-diagram-generator skill do?

Generate ProcessOn-compatible editable diagrams and optionally render images through the ProcessOn API. Use when the user explicitly requests ProcessOn, hosted editable diagram output, or API-rendered flowcharts, swimlanes, sequences, architectures, ER diagrams, org charts, timelines, or infographics. Requires PROCESSONAPIKEY for remote generation. Prefer Mermaid for ordinary Markdown-native diagrams and PlantUML for strict UML/C4 source.

How do I install processon-diagram-generator?

Run npx skills add https://github.com/full-stack-skills/document-skills --skill processon-diagram-generator in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/processon-diagram-generator/ (personal) or .claude/skills/processon-diagram-generator/ (project).

Which AI agents can use processon-diagram-generator?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is processon-diagram-generator safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains processon-diagram-generator?

It is published by full-stack-skills in full-stack-skills/document-skills. It has 72 recorded installs.

More from full-stack-skills/document-skills

View all →

api-doc-generator

full-stack-skills/document-skills

Generate or update evidence-backed API documentation from OpenAPI specifications, framework routes, controllers, request/response models, validation rules, and tests. Use when the user explicitly asks for API or interface documentation, route inventory, endpoint reference, OpenAPI-derived docs, or synchronization between code and API docs. Supports OpenAPI-first projects and framework-specific discovery for Spring, FastAPI, NestJS, Express, and Gin; do not use for generic product documentation.

Backend & APIs87 installs

mermaid

full-stack-skills/document-skills

Open the skill to read its SKILL.md instructions.

Docs & Writing83 installs

full-stack-doc

full-stack-skills/document-skills

Scaffold, adapt, validate, and maintain example-rich full-stack product documentation: 10 product-level documents, 7 version documents, optional module PRD/Stitch/UI triplets, 5 delivery documents, and a detailed project README template family. Use when users ask to initialize a documentation repository, create product or version plans, write PRDs and architecture/UI documents, preserve and adapt detailed examples, audit document structure, or improve an existing product-docs tree, including Chinese requests such as 初始化文档、产品文档、写规划文档.

Docs & Writing80 installs

plantuml

full-stack-skills/document-skills

Open the skill to read its SKILL.md instructions.

76 installs

processon-mindmap

full-stack-skills/document-skills

Design a ProcessOn-ready mind-map outline for ideas, requirements, knowledge systems, meeting notes, learning plans, or hierarchical analysis. Use when the user explicitly requests a ProcessOn mind map, editable mind map, or a hierarchical outline intended for ProcessOn. Do not trigger for ordinary diagrams, generic prose outlines, or Mermaid mind maps unless ProcessOn is requested.

Docs & Writing75 installs

doc-coauthoring

full-stack-skills/document-skills

Open the skill to read its SKILL.md instructions.

73 installs

Popular docs & writing skills

View category →

grill-with-docs

mattpocock/skills

A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.

Docs & Writing1.2M installs

lark-markdown

open.feishu.cn

飞书 Markdown:查看、创建、上传、编辑和比较飞书中的原生 Markdown 文件。当用户要操作飞书 Markdown 文件,或比较其远端版本及本地草稿时使用。纯本地 Markdown 文件操作不触发本 skill。不负责将 Markdown 导入为飞书在线文档,也不负责文件搜索、权限、评论、移动、删除等云空间管理操作。

Docs & Writing778.7K installs

writing-beats

mattpocock/skills

Writing, exploit; assemble raw material into a journey of beats, grounding each term before a beat leans on it.

Docs & Writing490.7K installs

writing-shape

mattpocock/skills

Writing, exploit: shape raw material into an article, paragraph by paragraph.

Docs & Writing490.2K installs

writing-fragments

mattpocock/skills

Writing, explore: mine raw fragments, no structure yet.

Docs & Writing489.6K installs

writing-for-agents

mattpocock/skills

Writing documents for agents. Use when creating or editing skills, or modifying AGENTS.md or CLAUDE.md.

Docs & Writing479.3K installs