umple-diagram-generator

Name: umple-diagram-generator
Availability: InStock
Author: Elwin

Convert natural language requirements into Umple diagrams and SVG visuals.

Updated Jan 24, 2026

Search Tags:#svg #diagram #graphviz #class-diagram #state-machine #umple

Ready to run

npx skills add https://github.com/ElwinLiu/agents --skill umple-diagram-generator

💬 Prompt for ChatGPT / Claude Chat▼

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.