diagram-tooling

Create, modify, and convert diagrams using PlantUML and Mermaid.

Updated Apr 9, 2026
One-click install
npx skills add https://github.com/nist0/CoDev --skill diagram-tooling
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: diagram-tooling
Source: https://github.com/nist0/CoDev/tree/main/.github/skills/diagram-tooling
Command: npx skills add https://github.com/nist0/CoDev --skill diagram-tooling

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the creation, modification, and conversion of architecture diagrams, eliminating manual steps and ensuring diagram integrity across formats.

Core Features & Use Cases

  • Diagram Creation: Generate diagrams programmatically using PlantUML, Mermaid, and other tools.
  • Diagram Modification: Make updates to existing diagrams to reflect changes in the architecture.
  • Format Conversion: Convert diagrams between formats like PlantUML, Mermaid, SVG, and PNG.
  • Use Case: Automate the conversion of a PlantUML diagram to SVG for inclusion in a technical document.

Quick Start

Create a new Mermaid diagram for a service architecture and convert it to SVG for documentation.

Frequently Asked Questions about diagram-tooling

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

FAQPage Schema
How do I convert PlantUML to SVG for technical documentation?

Converting PlantUML to SVG is automated through open-source tooling that outputs vector graphics for technical documentation. This eliminates manual rendering steps and maintains diagram integrity across formats for direct document inclusion.

Can I generate Mermaid diagrams programmatically for service architecture?

Yes, you can generate Mermaid diagrams programmatically to map service architecture. The automation creates text-based architectural representations and modifies them to reflect structural changes, ensuring technical documentation consistency.

What is the best way to maintain consistency across architecture diagrams?

Maintaining architecture diagram consistency is best achieved by automating creation and modification tasks. Using text-based formats like PlantUML and Mermaid ensures that architectural updates are programmatically reflected, eliminating manual synchronization errors.

Does this diagram automation support both text-based and graphical formats?

Yes, diagram automation supports both text-based and graphical formats. It handles creation and modification using PlantUML and Mermaid, while converting these text-based definitions into graphical outputs like SVG and PNG for documentation.

How do I update existing diagrams to reflect architecture changes?

Updating existing diagrams to reflect architecture changes is handled through automated modification. This process alters current text-based or graphical diagram definitions to match the new structural state without manual redrawing, maintaining documentation accuracy.

What are the limitations of converting diagrams between PlantUML and Mermaid?

Converting between PlantUML and Mermaid may face limitations due to syntax and feature differences between the two formats. Complex structural representations might not translate perfectly, requiring manual adjustments to maintain diagram integrity and accuracy.