slidev-master

Generate Slidev presentations with layouts, code demos, and diagrams.

8|Updated Jul 26, 2026
One-click install
npx skills add https://github.com/joonlab/joonlab-claudecode-setting-for-share --skill slidev-master
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slidev-master
Source: https://github.com/joonlab/joonlab-claudecode-setting-for-share/tree/main/claude/skills/slidev-master
Command: npx skills add https://github.com/joonlab/joonlab-claudecode-setting-for-share --skill slidev-master

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill solves the complexity of creating professional, developer-focused presentations by providing a structured, accessible, and modular framework for Slidev.

Core Features & Use Cases

  • Expert Layouts: Access 17 pre-built layouts including cover, section, two-column, and iframe integration.
  • Design & Accessibility: Enforces critical design principles like font sizing, color contrast, and markdown linting to ensure professional output.
  • Interactive Elements: Supports advanced features like Monaco code editors, Mermaid/PlantUML diagrams, and click-based animations.
  • Use Case: Use this to build a technical conference talk that includes live code demos, complex system architecture diagrams, and accessible, high-contrast slides.

Quick Start

Use the slidev-master skill to initialize a new presentation project with the required markdownlint configuration and theme settings.

Frequently Asked Questions about slidev-master

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

FAQPage Schema
How do I create developer presentations with Slidev and markdown?

Slidev presentations are generated using markdown files with specific frontmatter configurations and layout patterns. This framework provides 17 pre-built layouts, interactive Monaco code editors, and Mermaid or PlantUML diagrams to produce professional technical slides.

Can I add interactive code demos and architecture diagrams to Slidev slides?

Slidev supports interactive elements like Monaco code editors for live demos and Mermaid or PlantUML for complex system architecture diagrams. You can also use click-based animations to build dynamic, developer-centric presentations.

Does Slidev support accessibility and design consistency for technical talks?

Slidev enforces critical design principles including font sizing, color contrast, and markdown linting rules. This ensures high-quality, accessible output while maintaining design consistency across all technical conference slides.

What is the best way to structure a Slidev presentation project?

You can initialize a Slidev presentation project with required markdownlint configuration and theme settings. The framework uses modular layouts like cover, section, two-column, and iframe integration to maintain a structured presentation format.

Do I need specific frontmatter configurations for Slidev layouts?

Slidev requires adherence to specific frontmatter configurations and layout patterns to maintain high-quality output. These settings control expert layouts, design consistency, and interactive features across your markdown slides.

Why does my Slidev presentation fail markdown linting checks?

Slidev enforces markdown linting rules to ensure professional output and design consistency. Failing these checks typically means your markdown formatting does not adhere to the required accessibility and structural standards configured in the project.