slidev-mermaid
CommunityCreate Mermaid diagrams inside Slidev with ease.
Authorszeyu
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Slidev users often struggle to add technical diagrams to presentations without switching tools. This skill provides a seamless way to render Mermaid diagrams directly inside Slidev slides, keeping diagrams in the same markdown-based workflow.
Core Features & Use Cases
- Supports standard Mermaid syntax blocks inside Slidev slides for flowcharts, sequences, class diagrams, and more.
- Helps visualize architecture, data flows, and system relationships within presentations.
- Suitable for design reviews, technical demos, and classroom tutorials where diagrams assist explanations.
Quick Start
Insert a mermaid code block in a Slidev slide using mermaid and render the presentation to view the diagram.
Dependency Matrix
Required Modules
None requiredComponents
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/szeyu/open-ssyok-finance/archive/main.zip#slidev-mermaid Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.