
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- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads processon-diagram-generator automatically when relevant.
- 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
mermaidskill for ordinary Markdown-native diagrams. Install with:npx skills add full-stack-skills/document-skills --skill mermaid. - Use the
plantumlskill for strict UML, C4, or.pumloutput. Install with:npx skills add full-stack-skills/document-skills --skill plantuml. - Use the
processon-mindmapskill 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:
| Variable | Purpose |
|---|---|
PROCESSON_DSL_API_URL | Override the DSL API URL |
PROCESSON_RENDER_API_URL | Override the image-render API URL |
PROCESSON_MODEL | Override the remote model |
PROCESSON_UID | Override the request UID |
PROCESSON_CONNECT_TIMEOUT | Request timeout in seconds |
PROCESSON_MAX_RETRIES | Retries 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
- Extract nodes, relationships, decisions, participants, states, and labels from the request or inspected source.
- Resolve missing relationships with source inspection; ask only when ambiguity materially changes the diagram.
- Build a concise prompt that preserves the user's language and requests a readable layout with minimal crossings.
- Run the bundled client:
python3 scripts/processon_api_client.py \
--title "登录流程" \
"生成登录、鉴权、数据查询和令牌签发流程图"
- Use
--no-renderwhen only editable DSL is needed. - 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
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.
mermaid
full-stack-skills/document-skills
Open the skill to read its SKILL.md instructions.
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 初始化文档、产品文档、写规划文档.
plantuml
full-stack-skills/document-skills
Open the skill to read its SKILL.md instructions.
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.
doc-coauthoring
full-stack-skills/document-skills
Open the skill to read its SKILL.md instructions.
Popular docs & writing skills
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.
lark-markdown
open.feishu.cn
飞书 Markdown:查看、创建、上传、编辑和比较飞书中的原生 Markdown 文件。当用户要操作飞书 Markdown 文件,或比较其远端版本及本地草稿时使用。纯本地 Markdown 文件操作不触发本 skill。不负责将 Markdown 导入为飞书在线文档,也不负责文件搜索、权限、评论、移动、删除等云空间管理操作。
writing-beats
mattpocock/skills
Writing, exploit; assemble raw material into a journey of beats, grounding each term before a beat leans on it.
writing-shape
mattpocock/skills
Writing, exploit: shape raw material into an article, paragraph by paragraph.
writing-fragments
mattpocock/skills
Writing, explore: mine raw fragments, no structure yet.
writing-for-agents
mattpocock/skills
Writing documents for agents. Use when creating or editing skills, or modifying AGENTS.md or CLAUDE.md.