Editable UML Diagram Auto-Generator
Paste the following prompt into your AI chat to install this skill:
Please install @user_fc75eb1f/auto-plantuml-edit according to https://skillhub.cn/install/skillhub.md.
About this skill
Problem
After UML diagrams are generated, the practical pain point is often not rendering, but editing. Raster or vector exports can land in PowerPoint as a single image, making arrows, swimlanes, labels, and module boundaries hard to adjust independently for font, color, spacing, or shape.
How It Works
The skill connects natural-language diagram generation with an editable delivery path: the model first converts the request into PlantUML, saves a .puml file, and then generates SVG, PNG, EMF, or PPT output. For presentation work, the key path is producing .pptx, where embedded EMF can usually be ungrouped in PowerPoint so individual shapes can be edited.
- Supported diagrams: sequence, class, activity, state, and use case diagrams.
- Output choice:
.pptxis best for direct editing and reporting;.svg/.pngare better for preview, sharing, or further conversion. - Editing path: select the image in PowerPoint, ungroup it, and repeat if needed until each element can be adjusted independently.
Boundaries and Notes
This workflow relies on PlantUML syntax and inherits its constraints: swimlane names, participant names, and state names should use English, while activity descriptions and messages may remain in the user's language. @startuml and @enduml must be paired, and file names should avoid Chinese, spaces, and special characters. Because SVG-to-EMF conversion is a core step, the runtime needs Inkscape, JDK, and the corresponding Python dependencies.
Use Cases
- Before a design review, turn service call relationships into a sequence diagram and export a PPT to adjust arrows and labels.
- While writing architecture docs, describe service boundaries in natural language, generate a class or activity diagram, and edit shapes.
- For customer-facing decks, convert a business workflow into a swimlane activity diagram and edit state boxes and captions in PPT.
- When debugging an API flow, generate a sequence diagram to annotate requests and responses, then reposition labels in the slide.
Best For
- Software architects who need to explain API sequences and system dependencies clearly
- Pre-sales engineers who put system workflows into weekly customer-facing PPT decks
- Product managers who want technical design diagrams as editable slides
- Backend developers who use UML to document state transitions and use case boundaries
Related Skills
Turns files, references, or chat context into styled single-page HTML reports with built-in templates and preset themes.
An engineering-oriented email automation solution for batch sending, Jinja2 templates, attachments, scheduled sending, inbox monitoring, and rule-based auto-reply.
An engineering workflow for creating, editing, reviewing, analyzing, and image-converting .docx files using pandoc, docx-js, OOXML, and LibreOffice.
Pre-submission scanner for Word/PDF blind-bid files that checks margins, fonts, page numbers, and metadata against tender requirements and flags residual bidder identities.