Can I use custom Vue components in my slides?

Yes, Slidev automatically imports components from the /components directory, allowing you to use them directly within your Markdown slides for interactive content.

Does this skill support advanced code highlighting?

Yes, it provides specific guidance for the slidev:code sub-skill, covering Shiki, line highlighting, Monaco editor integration, and Magic Move transitions.

Slidev is a Markdown-based presentation framework designed for developers, allowing you to write slides in Markdown while utilizing Vue components and Vite for a seamless development experience.

How do I start a new Slidev project?

You can quickly initialize a project by running 'npm init slidev@latest' and then use this skill to guide you through project structure and configuration.

How do I export my Slidev presentation?

You can use the slidev:export skill to learn how to generate PDF, PNG, or PPTX versions of your deck, or build a Single Page Application (SPA) for web hosting.

Slidev Presentation Framework

Name: Slidev Presentation Framework
Author: vinnie357

byvinnie357

•

学习与文档

Builds professional, developer-focused slide decks using Markdown and Vue 3 within the Slidev ecosystem.

This skill provides comprehensive guidance for using Slidev, a Markdown-based presentation framework designed specifically for developers. It enables users to create high-quality presentations using familiar web technologies like Vue 3, Vite, and UnoCSS, while offering advanced features such as live code highlighting, interactive Monaco editors, and seamless exports to PDF or PPTX. Whether starting a new project or troubleshooting complex layout transitions, this skill streamlines the entire slide-creation workflow from initial setup to final deployment.

主要功能

01Advanced code block support including Shiki highlighting and Magic Move

02Comprehensive export options for PDF, PPTX, and SPA builds

03Markdown-first slide creation with YAML frontmatter configuration

04Integrated presenter mode with notes, timers, and navigation tools

05Native Vue 3 integration for interactive components and layouts

069 GitHub stars

使用场景

01Building internal documentation or team training materials as interactive slide decks

02Creating technical conference talks with live-editable code samples

03Quickly scaffolding new Slidev projects with best-practice configurations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add vinnie357/claude-skills slidev

For use in Claude.ai and ChatGPT

Download Skill