This is ProcessOn's official skill for converting natural language into editable online diagrams. It handles flowcharts, sequence diagrams, ER diagrams, architecture diagrams, timelines, and more, prioritizing ProcessOn's rendering over Claude's built-in Mermaid. The workflow checks for version updates, loads API keys from multiple sources including a persistent ~/.processon.env file, generates DSL from your description, and automatically renders a shareable image. It's strict about showing both the raw DSL and editor link in every response so you can tweak things manually if needed. The instructions are verbose and repetitive, clearly written to force consistent behavior across sessions. You'll need a ProcessOn API key from smart.processon.com/user to use it.
npx skills add https://github.com/processonai/processon-skills --skill processon-diagram-generator