slidev-mastery_skill

Overview

This skill provides comprehensive Slidev expertise for creating markdown-based, developer-focused presentations with evidence-based design guardrails. It helps you author, structure, style, animate, and export Slidev slides while preserving accessibility and performance. Use it when you need Slidev syntax, layouts, components, exports, or best-practice guidance.

How this skill works

I inspect your requested Slidev features (frontmatter, layouts, components, code blocks, mermaid, animations, presenter notes, exports) and return concrete slide-ready markdown, frontmatter snippets, or shell commands. I can generate master files with modular src includes, component stubs, CSS for accessibility, and export/build commands. I also suggest file organization, progressive disclosure, and fixes for common rendering or export issues.

When to use it

• Create a new Slidev presentation or restructure an existing one
• Add Slidev-specific components (YouTube, Tweet, custom Vue components)
• Configure theme, frontmatter, layout, or accessibility-focused CSS
• Enable live editing with Monaco or advanced code highlighting
• Export slides to PDF, PPTX, or PNG and troubleshoot export failures

Best practices

• One idea per slide; use meaningful assertion-style titles to tell a story
• Keep <50 words per slide; move detailed text to presenter notes
• Use progressive disclosure (v-click / v-after) to manage cognitive load
• Organize slides modularly with src includes and descriptive filenames
• Optimize images and lazy-load heavy content; test keyboard navigation
• Set accessible typography and color contrast in frontmatter or CSS

Example use cases

• Generate a master slides.md with modular includes and numeric filenames
• Create a two-column code comparison slide using two-cols layout
• Embed an editable Monaco code block for live demos
• Produce accessible frontmatter + CSS for large readable text and contrast
• Export a presentation to PDF and troubleshoot missing Playwright browsers