skills.rest
ElwinLiu
ElwinLiuCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

umple-diagram-generator

Convert natural language requirements into Umple diagrams and SVG visuals.

Updated Jan 24, 2026
Search Tags:#svg#diagram#graphviz#class-diagram#state-machine#umple
One-click install
npx skills add https://github.com/ElwinLiu/agents --skill umple-diagram-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umple-diagram-generator
Source: https://github.com/ElwinLiu/agents/tree/main/skills/umple-diagram-generator
Command: npx skills add https://github.com/ElwinLiu/agents --skill umple-diagram-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates turning user requirements into Umple diagrams and SVG visuals, reducing manual modeling time.

Core Features & Use Cases

  • Generate state-machine diagrams from natural-language requirements using Umple.
  • Generate UML class diagrams from requirements for system modeling.
  • Output SVG diagrams with an organized folder structure for easy sharing and documentation.

Quick Start

Run the script with an Umple model file to generate the diagrams. For folder mode, provide a directory output and an optional diagram name:

npx -y bun ${SKILL_DIR}/scripts/main.ts --input model.ump --output ./diagrams --name "my-diagram" --type state-machine

Frequently Asked Questions about umple-diagram-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate UML class diagrams from text requirements?▼

Use this Skill to convert natural language requirements into UML class diagrams via Umple. Write your requirements in Umple syntax, run the script with your model file, and receive SVG diagrams with organized folder output for documentation.

Can I create state machine diagrams from requirements automatically?▼

Yes. This Skill automates state machine diagram generation from natural language requirements using Umple, then renders them as SVG visuals through Graphviz, eliminating manual modeling work.

What output formats does diagram generation from Umple produce?▼

The Skill generates scalable SVG graphics from Umple models, organizing outputs into structured folders for easy sharing and integration into documentation or design systems.

Do I need Graphviz installed to generate diagrams from Umple models?▼

The Skill relies on both Umple and Graphviz tooling to parse, validate, and render models into SVG. Ensure both are available in your environment before running diagram generation.

How do I organize multiple diagram outputs from requirements?▼

Run the script with a directory output path and optional diagram name to structure SVG files into organized folders, making it simple to manage and share multiple diagrams from different requirements.

Related Skills

Explore More Software Engineering Skills→
tarrragontarrragon

mermaid-ascii

Convert Mermaid diagrams to ASCII or Unicode renderings via CLI.

Community
Advanced
drpedapatidrpedapati
88

beautiful-mermaid

Generate publication-grade Mermaid diagrams from structured inputs and export them as SVG assets.

Community
Intermediate
rawerawe

firstspirit-fs-cli

Automate FirstSpirit template export, modification, and re-import via fs-cli workflows.

Community
Advanced
shekerkammashekerkamma

uml

Render UML diagrams from PlantUML text into diagram images.

Community
Advanced