skills.rest
rhuss
rhussCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

Slidev Mastery

Create Slidev presentations from Markdown with layouts, themes, and Monaco live coding.

49|13|Updated Dec 4, 2025
Search Tags:#markdown#accessibility#diagrams#guardrails#slidev#monaco-editor#live-coding
One-click install
npx skills add https://github.com/rhuss/cc-slidev --skill slidev-mastery
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Slidev Mastery
Source: https://github.com/rhuss/cc-slidev/tree/main/skills/slidev-mastery
Command: npx skills add https://github.com/rhuss/cc-slidev --skill slidev-mastery

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Slidev Mastery provides comprehensive guidance, guardrails, and best practices to help users craft polished Slidev-based presentations without guesswork.

Core Features & Use Cases

  • Comprehensive Slidev expertise covering layouts, themes, Monaco editor, code highlighting, Mermaid diagrams, and accessibility rules.
  • Step-by-step guidance for building production-ready presentations from markdown with modular slides and reusable components.
  • Real-world use cases including developer talks, tech demos, and educational sessions.

Quick Start

Create a Slidev presentation skeleton using Markdown with guardrails, live coding, and accessibility defaults.

Frequently Asked Questions about Slidev Mastery

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a Slidev presentation from markdown?▼

Yes, Slidev supports live coding demos through the integrated Monaco editor. You can configure interactive code blocks in your markdown slides to execute and highlight code directly during technical talks.

How do I add Mermaid diagrams to Slidev markdown slides?▼

You can add Mermaid diagrams to Slidev markdown slides by using the built-in diagram support. This allows you to embed and render Mermaid syntax directly within your presentation for visual technical explanations.

What are the accessibility guidelines for Slidev presentations?▼

Slidev export workflows allow you to convert your markdown-based presentations into various distributable formats. You configure export settings to ensure your finalized technical decks are production-ready and shareable outside the local environment.

Is Slidev suitable for developer talks and tech demos?▼

Slidev is highly suitable for developer talks and tech demos because it supports markdown authoring, Monaco live coding, and code highlighting. These features streamline the creation of technical presentations without guesswork.

Related Skills

Explore More Software Engineering Skills→
maxwell2732maxwell2732
39

research-harness-setup

Initialize a research project skeleton with source-of-truth files and data protection rules.

Community
Intermediate
ChrisTowlesChrisTowles
4

slidev

Create and edit Slidev presentation slides with Markdown and YAML frontmatter.

Community
Intermediate
yoanbernabeuyoanbernabeu
34

slidev-monaco-editor

Integrates Monaco Editor into Slidev for interactive live coding blocks with TypeScript or JavaScript.

Community
Advanced
lidge-junlidge-jun
5

HTML to PPTX Skill

Convert HTML content into native PowerPoint slides with batch processing.

Community
Advanced