skills.rest
simplecore-inc
simplecore-incOFFICIAL
Explore all skills by this author →
GitHub

mermaid

Create Mermaid diagrams from natural language and render them to SVG/PNG/PDF.

Updated Apr 29, 2025
Search Tags:#markdown#mermaid#validation#rendering#diagrams#mermaid-cli#diagram-generation
One-click install
npx skills add https://github.com/simplecore-inc/simplix --skill mermaid-simplecore-inc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mermaid
Source: https://github.com/simplecore-inc/simplix/tree/main/.claude/skills/mermaid
Command: npx skills add https://github.com/simplecore-inc/simplix --skill mermaid-simplecore-inc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill guides the creation, validation, and rendering of Mermaid diagrams, enabling teams to encode designs in a consistent, executable format.

Core Features & Use Cases

  • Diagram generation: Create Mermaid code for various diagram types (flowchart, sequence, class, etc.) from natural language prompts.
  • Validation & rendering: Validate syntax with mermaid-cli and render to SVG/PNG/PDF.
  • Use Case: A product designer describes a system, and the Skill outputs .mmd and .svg ready for review.

Quick Start

Create a diagram named "user-authentication" with type "sequence" and save as user-authentication.mmd; render to user-authentication.svg.