Is this skill optimized for video recording?

Yes, it includes specific patterns for 16:9 aspect ratios, large font sizes, and structured presenter notes to facilitate smooth recording for platforms like YouTube or Udemy.

Can I use custom CSS styling with Slidev?

Yes, it supports UnoCSS utility classes for rapid layout adjustments as well as scoped CSS blocks for unique slide-specific designs.

Can I highlight specific lines of code in my slides?

Yes, this skill provides syntax for line highlighting and progressive reveals (e.g., {1|3-4|all}) to guide viewers through code step-by-step during a presentation.

Slidev is a web-based presentation framework designed for developers that uses Markdown to create high-quality, code-centric slides with built-in developer tools.

Does it support diagrams and mathematical formulas?

Absolutely. The skill includes full references for Mermaid diagrams (flowcharts, sequence diagrams) and LaTeX for rendering mathematical formulas.

Slidev Course Builder

Name: Slidev Course Builder
Author: NathanJGaul

byNathanJGaul

0•

Learning & Documentation

Creates professional developer education presentations and video slides using the Slidev framework.

This skill provides a comprehensive reference for the Slidev presentation framework, enabling developers to build high-quality, code-centric educational slides. It covers everything from initial frontmatter configuration and built-in layouts to advanced features like interactive Monaco editors, progressive code reveals, and Mermaid diagrams. Designed specifically for technical content creators and educators, it includes best practices for aspect ratios, readability, and structured delivery via presenter notes and click-trigger markers.

Key Features

01Interactive coding environments using Monaco editor, runner, and diff integrations

020 GitHub stars

03Advanced code block management with line highlighting and progressive click-based reveals

04Rich visual component support including Mermaid diagrams, LaTeX math, and UnoCSS styling

05Built-in specialized layouts optimized for developer education and video recording

06Structured presenter notes with click markers to facilitate professional video narration

Use Cases

01Developing interactive documentation or live-demo decks that require real-time code execution

02Creating slide-based video courses with complex, step-by-step code walkthroughs

03Building technical presentations for developer conferences or internal team training

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nathanjgaul/plugins slidev

For use in Claude.ai and ChatGPT

Download Skill