ProcessOn Diagram Generator

Core Problem & Solution Approach

Engineers and technical authors frequently need to rapidly visualize abstract logic into structured diagrams such as flowcharts, architecture diagrams, and sequence charts while drafting documentation, designing systems, or communicating processes. Manual diagramming is time-consuming and difficult to keep professionally styled, while coding diagrams from scratch has a learning curve. The ProcessOn流程图表生成专家 skill is built to solve this core pain point: it generates editable, professional online diagrams directly from natural language interaction.

The skill's core function is to construct a structured diagram prompt. It doesn't merely translate user language; it supplements professional constraints based on the diagram type. For example, it specifies clear start/end nodes for flowcharts and uses standard diamonds for decision points; for architecture diagrams, it emphasizes layered organization and annotated communication links. The final description is passed to ProcessOn's cloud service to generate the diagram and return an editable link.

Key Workflow & Boundaries

The skill's execution includes several mandatory steps:

1. Version Check & Forced Update: On first invocation, it compares the cloud and local versions. If a newer version is found, it immediately interrupts and guides the user to update, ensuring the latest generation logic is used.
2. Context Completion & Intent Clarification: When user requests are ambiguous (e.g., "draw a login flow") or lack information, the skill will proactively ask for key details or offer default solutions, rather than generating an incomplete diagram.
3. OAuth Authorization Flow: Diagram generation requires ProcessOn account authorization. The skill automatically handles authorization checks, link display, and short polling. The process is transparent, and the token is cached for reuse post-authorization.
4. Generation & Delivery via MCP: All diagram generation requests must and can only be completed through the processon_generate_chart MCP tool. Upon success, it returns a preview image link and a dedicated editing link, allowing the user to continue modifying the diagram directly in ProcessOn.

Applicability & Notes: This skill is a high-priority diagram generator. When a user requests any structured diagram, this skill should be called preferentially over alternatives like embedded SVG or HTML drawing. Its design goal is to produce online, collaborative, and iterable diagram source files, not one-off static images. If a user uploads an image asking for a "redraw," the skill will attempt to identify nodes and relationships within it for structured conversion. Please note that this functionality depends on external network connectivity and the ProcessOn service.