Does Slidev support diagrams and math?

Absolutely. Slidev has native support for Mermaid and PlantUML for diagrams, as well as LaTeX for mathematical equations.

How do I export my Slidev deck to PDF?

You can export your slides by running the 'pnpm run export' command, which generates a PDF version of your deck. It also supports exporting to PPTX and PNG.

Can I run code directly inside my slides?

Yes, Slidev supports interactive features like the Monaco editor and 'monaco-run' blocks which allow you to edit and execute code during a live presentation.

How does the Claude Code skill improve my Slidev workflow?

The Slidev skill provides Claude with specific knowledge of slide syntax, layout configurations, and component properties, enabling the AI to write and debug your presentation code accurately.

Slidev is a web-based presentation maker designed specifically for developers, allowing you to create slides using Markdown while leveraging the power of Vue.js and Vite.

Slidev Presentation Maker

Name: Slidev Presentation Maker
Author: pleaseai

bypleaseai

•

Learning & Documentation

Creates professional, web-based technical presentations using Markdown, Vue components, and interactive code environments.

Slidev is a developer-centric presentation tool that leverages Vite, Vue, and Markdown to create high-quality slide decks. This skill enables Claude to assist you in building technical talks, conference presentations, and teaching materials with ease. It provides deep integration for features like syntax-highlighted code blocks, live-runnable Monaco editors, Mermaid diagrams, and LaTeX math equations. Whether you are structuring a complex engineering walkthrough or designing interactive demos, this skill helps you navigate Slidev's extensive layout system, animation triggers, and export options to produce production-grade presentations.

Key Features

01Interactive code blocks with syntax highlighting and Magic Move animations

02Advanced layout system with scoped CSS and global layers

033 GitHub stars

04Built-in support for diagrams (Mermaid, PlantUML) and LaTeX math

05Multi-format export capabilities including PDF, PPTX, and SPA hosting

06Markdown-driven slide creation with full Vue component support

Use Cases

01Building technical conference talks with live-coding demonstrations

02Creating interactive educational materials and coding tutorials

03Developing internal engineering documentation and architecture reviews

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pleaseai/claude-code-plugins slidev

For use in Claude.ai and ChatGPT

Download Skill