diagram-gen

Converts text descriptions of processes, systems, or data models into Mermaid code or ASCII diagrams.

Updated May 11, 2026
One-click install
npx skills add https://github.com/webn77/opennexus --skill diagram-gen-webn77
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: diagram-gen
Source: https://github.com/webn77/opennexus/tree/main/skills/diagram-gen
Command: npx skills add https://github.com/webn77/opennexus --skill diagram-gen-webn77

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables users to quickly convert textual descriptions and system details into visual diagrams, streamlining communication and documentation.

Core Features & Use Cases

  • Diagram Creation: Generate Mermaid or ASCII diagrams based on text inputs specifying flow, architecture, or data models.
  • Customizable Patterns: Utilize predefined patterns for flowcharts, sequence diagrams, architecture, and ER diagrams to produce accurate visuals.
  • Use Case: When you describe a multi-step process, this Skill produces a clear flowchart to visualize the workflow, aiding project planning or technical explanations.

Quick Start

Describe a system architecture including front-end, back-end, and database, then request a diagram to visualize their relations.

Frequently Asked Questions about diagram-gen

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

FAQPage Schema
How do I generate a Mermaid flowchart from text descriptions?

You can generate a Mermaid diagram by providing a textual description of your process, system, or data model. The tool analyzes keywords in your text to identify the appropriate diagram type and outputs visual Mermaid code or ASCII art representing that structure.

Can I create sequence diagrams and ER diagrams from system descriptions?

Yes, you can generate sequence and ER diagrams from system descriptions. The tool uses predefined pattern templates for architecture, flowcharts, sequence, and ER diagrams to accurately visualize data models and multi-step processes from your text inputs.

What is the best way to visualize system architecture for technical documentation?

The best way to visualize system architecture is by converting textual descriptions into visual diagrams. By detailing your front-end, back-end, and database relations, you can automatically generate Mermaid diagrams to streamline technical communication and documentation.

Does this tool support ASCII art for workflow visualization?

Yes, this tool supports ASCII art for workflow visualization alongside Mermaid code. When you describe a multi-step process or system, it can produce clear ASCII diagrams to visualize workflows, which is useful for text-based environments or simple technical explanations.

How do I structure text inputs to accurately generate architecture diagrams?

To structure text inputs for architecture diagrams, clearly describe your system components such as front-end, back-end, and database, along with their interactions. The tool processes these textual system details and applies selective pattern templates to produce accurate visual diagrams.