mermaid-diagrams

Generate validated Mermaid diagrams from code and natural language descriptions.

Updated Jan 18, 2026
One-click install
npx skills add https://github.com/thoroc/artemis --skill mermaid-diagrams-thoroc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mermaid-diagrams
Source: https://github.com/thoroc/artemis/tree/main/.opencode/skills/mermaid-diagrams
Command: npx skills add https://github.com/thoroc/artemis --skill mermaid-diagrams-thoroc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Mermaid Diagrams Skill turns code and natural language into clear, ready-to-use Mermaid diagrams, accelerating documentation and architecture visualization.

Core Features & Use Cases

  • Analyze Python, JavaScript, and TypeScript code to generate diagrams such as flowcharts, class diagrams, and sequence diagrams.
  • Convert natural language descriptions into Mermaid diagrams for quick visualizations.
  • Validate and optimize Mermaid syntax, and support batch diagram generation for large projects.

Quick Start

Create a flowchart from the Python project located in src/.

Frequently Asked Questions about mermaid-diagrams

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

FAQPage Schema
How do I generate Mermaid diagrams from Python or JavaScript code?

To generate Mermaid diagrams from Python or JavaScript code, the Skill analyzes your source files to automatically produce flowcharts, class diagrams, and sequence diagrams for architecture visualization. It supports batch processing for large projects.

Can I convert natural language descriptions into Mermaid sequence diagrams?

Yes, you can convert natural language descriptions into Mermaid sequence diagrams. The Skill parses descriptive text to quickly produce validated Mermaid syntax for flowcharts, state diagrams, Gantt charts, and Git graphs.

What do I need to generate Mermaid diagrams from code using this approach?

To generate Mermaid diagrams from code, you need a Bun or TypeScript runtime environment and file system access. It uses frontmatter-driven configuration to validate and output the Mermaid syntax.

What is the best way to visualize architecture across a large codebase?

The best way to visualize architecture across a large codebase is using batch diagram generation. This Skill analyzes Python, JavaScript, and TypeScript code to produce multiple validated Mermaid diagrams for comprehensive documentation.

Does this text-to-diagram approach support Gantt charts and Git graphs?

Yes, this text-to-diagram approach supports Gantt charts and Git graphs. It parses descriptive text and code to produce validated Mermaid syntax for these diagram types alongside flowcharts, class, state, and sequence diagrams.