Skills
.Work. You
Rest

slidev-mermaid

Community

Create Mermaid diagrams in Slidev with ease.

Design & Creative#mermaid#sequence#diagrams#flowcharts#slidev#diagram-rendering#class-diagrams
Authoryoanbernabeu
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables designers and developers to render Mermaid diagrams directly inside Slidev presentations, eliminating the need for external diagram tools and manual drawings.

Core Features & Use Cases

  • Mermaid syntax blocks render flowcharts, sequence diagrams, class diagrams, state diagrams, and more within Slidev slides.
  • Use cases include visualizing architecture, workflows, timelines, and educational content in a unified slide deck.
  • Quick scenario: embed a Mermaid diagram block in a Slidev slide to illustrate a simple process flow or data model.

Quick Start

Create and display Mermaid diagrams by adding Mermaid-formatted code blocks to your Slidev slides.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: slidev-mermaid
Download link: https://github.com/yoanbernabeu/slidev-skills/archive/main.zip#slidev-mermaid

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.