·slidev-mermaid
</>

slidev-mermaid

yoanbernabeu/slidev-skills

Create diagrams with Mermaid in Slidev. Use this skill for flowcharts, sequence diagrams, class diagrams, and more.

18Installs·0Trend·@yoanbernabeu

Installation

$npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-mermaid

SKILL.md

This skill covers creating visual diagrams using Mermaid syntax in Slidev presentations. Mermaid allows you to create flowcharts, sequence diagrams, class diagrams, and many other diagram types using simple text.

graph TD A[Start] --> B{Decision} B -->|Yes| C[Action 1] B -->|No| D[Action 2] C --> E[End] D --> E

graph TD A[Rectangle] B(Rounded) C([Stadium]) D[[Subroutine]] E[(Database)] F((Circle)) G>Asymmetric] H{Diamond} I{{Hexagon}} J[/Parallelogram/] K[\Parallelogram Alt\]

Create diagrams with Mermaid in Slidev. Use this skill for flowcharts, sequence diagrams, class diagrams, and more. Source: yoanbernabeu/slidev-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-mermaid
Category
</>Dev Tools
Verified
First Seen
2026-02-12
Updated
2026-02-18

Quick answers

What is slidev-mermaid?

Create diagrams with Mermaid in Slidev. Use this skill for flowcharts, sequence diagrams, class diagrams, and more. Source: yoanbernabeu/slidev-skills.

How do I install slidev-mermaid?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-mermaid Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/yoanbernabeu/slidev-skills