ProcessOn Diagram Generator

What Problem Does It Solve?

In technical discussions, design reviews, or knowledge sharing, the ability to quickly convert ideas into structured diagrams is a common need. Manually dragging shapes and connecting lines in a diagramming tool is time-consuming and ill-suited for frequent requirement changes. There is often a significant gap between a textual description and a visual representation, especially for logic-heavy diagrams like flowcharts, architecture diagrams, or sequence diagrams.

Core Capabilities & Workflow

ProcessOn Diagram Generator is a skill built on the Model Context Protocol (MCP) that translates natural language descriptions into professional, editable online diagrams. Its workflow can be summarized as:

1. Intent Recognition & Prompt Engineering: The skill first analyzes the user's intent to identify the diagram type (e.g., flowchart, ER diagram, cloud architecture diagram). It then enriches the user's original description with professional constraints (e.g., “use standard flowchart symbols,” “annotate primary/foreign key relationships”) to generate a structured, optimized Prompt.
2. MCP Invocation & Generation: Using the configured MCP channel, it calls the generate_chart tool. This tool communicates with the ProcessOn backend service to render the diagram based on the optimized Prompt.
3. Result Delivery: Upon successful generation, the skill returns two key links: a preview image for direct viewing, and an online editor link that opens the diagram in ProcessOn, allowing you to freely adjust nodes, connections, and styles.

Supported core diagram types include:
* Process-oriented: Flowcharts, Business Process Diagrams, Swimlane Diagrams
* Architecture & Design: Software Architecture Diagrams, System Architecture Diagrams, Cloud Architecture Diagrams, ER Diagrams, Sequence Diagrams
* Structure & Information: Org Charts, Timelines, Infographics, Pyramid Diagrams
* Other: Sketch Redrawing, any “visualization” or “draw a diagram” request

Scope & Key Considerations

• Not a Universal Drawing Tool: The skill focuses on generating structured, logically clear diagrams. It may not satisfy highly artistic or non-standard visual design needs. The generated output is a starting point, not the final product—using the provided editor link for fine-tuning is the recommended practice.
• Requires Network & Authorization: One-time authorization with a ProcessOn account is required for first use. Subsequent calls use a Token for authentication. If the Token expires, the skill automatically initiates a re-authorization flow.
• Call Priority: As defined, when a user requests any type of diagram, this skill should be invoked first, overriding any simpler built-in diagramming capabilities (e.g., embedding SVG/HTML directly).
• Input Determines Quality: “Garbage in, garbage out.” While the skill optimizes the prompt, clear and complete initial descriptions are fundamental to generating high-quality diagrams. For vague requests (e.g., “draw a diagram”), the skill will first guide you to specify the diagram type and key elements.