skills.rest
tangzheng202202
tangzheng202202COMMUNITY
Explore all skills by this author →
GitHub

diagramming

Create diagrams and flowcharts from data sources to visualize complex systems.

1|Updated Apr 13, 2026
Search Tags:#workflow#architecture#excalidraw#flowchart#visualization#diagram
One-click install
npx skills add https://github.com/tangzheng202202/hermes-skills --skill diagramming-tangzheng202202
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagramming
Source: https://github.com/tangzheng202202/hermes-skills/tree/main/09-tools/diagramming
Command: npx skills add https://github.com/tangzheng202202/hermes-skills --skill diagramming-tangzheng202202

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagramming helps teams visualize complex systems, processes, and architectures to improve communication, planning, and decision-making.

Core Features & Use Cases

  • Diagram types: flowcharts, architecture diagrams, sequence diagrams, and mind maps.
  • Data-driven visuals: generate visuals from prompts, data inputs, or descriptions to reflect current systems.
  • Use Case: design docs, onboarding visuals, and process mapping for teams.

Quick Start

Describe the diagram you want and the preferred tool, and Hermes will generate the initial diagram.

Frequently Asked Questions about diagramming

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

FAQPage Schema
How do I create an architecture diagram from a text description?▼

To generate flowcharts, provide a prompt or data input describing your process, and the Skill renders a visual flowchart. It creates process maps and visualizations suitable for design, development, and operations teams.

Does the diagramming output work with Excalidraw?▼

Yes, the diagramming output is compatible with Excalidraw-like tools. It generates visuals designed for deterministic rendering, ensuring compatibility and configurable layout defaults across supported platforms.

What is the best way to visualize complex systems for onboarding docs?▼

The best way to visualize complex systems is generating diagrams from prompts or data inputs. It creates onboarding visuals and process maps with configurable styling and layout defaults to improve team communication.

Are there limitations when styling generated diagrams for design docs?▼

Styling generated diagrams is limited to configurable layout defaults. The Skill focuses on deterministic rendering and compatibility with Excalidraw-like tools rather than advanced custom graphic design features.

Related Skills

Explore More Design & Creative Skills→
SpaceZephyrSpaceZephyr
333

mermaid-generator

Convert plain text and workflows into Mermaid diagrams.

Community
Intermediate
ZiadNagarZiadNagar

mermaid-diagrams

Transform Mermaid text into visual diagrams for software architectures, flows, and data models.

Community
Advanced
yocxy2yocxy2

diagram

Converts natural language or mermaid source code into editable .excalidraw files.

Community
Intermediate
AradotsoAradotso
3

system-design-visualizer-tool

Convert system design images into interactive React Flow visualizations via Mermaid graphs.

Official
Advanced