rhuss/cc-slidev
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
FAQ
Use src: ./slides/NN-name.md includes in the master slides.md. Use numeric prefixes (01-, 02-) for stable ordering and meaningful filenames to simplify reordering and git diffs.
How do I reveal bullet points progressively?
Wrap items with <v-click> or use v-click attributes on elements; v-after can show content after a specific click count. This reduces cognitive load and prevents reading ahead.
Why does export to PDF or PPTX fail?
Common causes: missing Playwright browsers (run npx playwright install), invalid YAML/frontmatter, or broken image paths. Check console errors, validate YAML, and ensure assets are accessible.
5 skills
This skill helps you create polished Slidev presentations by applying best practices for accessible, modular markdown slides with components, layouts, and
This skill helps you design compelling presentations by applying evidence-based structure, visuals, and storytelling to maximize clarity and audience
This skill helps you generate Excalidraw diagrams that convey concepts with hand-drawn aesthetics, spatial layouts, and accessibility-aware design.
This skill helps you assess slide quality using a science-backed 12-point checklist to improve clarity and audience understanding.
This skill helps you generate comprehensive LaTeX handouts from slides by outlining context, providing examples, and including research-ready reading
