Updated 8mo ago
by yoanbernabeu
slidev-skills
20 AI Agent Skills to create stunning presentations with Slidev
40 GitHub stars (40)
Steady at 40 stars — no new stars in the 16 days since Sep 30.
- 20 skills (20 skills found in its SKILL.md files)
- 4 forks (4 forks)
- 8mo ago last update (Last updated 8mo ago)
Install
Skills CLI
npx skills add yoanbernabeu/slidev-skills
Asks which skills and agents to install. Just one: npx skills add yoanbernabeu/slidev-skills --skill slidev-click-animations — add -g for every project.
Claude Code
git clone https://github.com/yoanbernabeu/slidev-skillscp -r "slidev-skills/skills/animations/slidev-click-animations" ~/.claude/skills/
Copies the slidev-click-animations skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add yoanbernabeu/slidev-skills
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
slidev-click-animations
Master v-click and sequential animations in Slidev. Use this skill to reveal content progressively and create engaging presentations.
skills/animations/slidev-click-animations/SKILL.md on GitHub (opens in a new tab) -
slidev-transitions
Add smooth slide transitions in Slidev. Use this skill for fade, slide, and custom transitions between slides.
skills/animations/slidev-transitions/SKILL.md on GitHub (opens in a new tab) -
slidev-code-blocks
Create beautiful code blocks with Shiki syntax highlighting. Use this skill for code snippets, line highlighting, and code groups.
skills/code/slidev-code-blocks/SKILL.md on GitHub (opens in a new tab) -
slidev-magic-move
Animate code transformations with Shiki Magic Move. Use this skill to create smooth morphing transitions between code states.
skills/code/slidev-magic-move/SKILL.md on GitHub (opens in a new tab) -
slidev-monaco-editor
Add live coding with Monaco Editor in Slidev. Use this skill for interactive code demos, executable code, and real-time editing.
skills/code/slidev-monaco-editor/SKILL.md on GitHub (opens in a new tab) -
slidev-components
Leverage Vue components in Slidev slides. Use this skill to add interactivity with built-in components or create custom ones.
skills/content/slidev-components/SKILL.md on GitHub (opens in a new tab) -
slidev-layouts
Use built-in and custom Slidev layouts effectively. Use this skill to structure slides with cover, two-cols, image layouts and more.
skills/content/slidev-layouts/SKILL.md on GitHub (opens in a new tab) -
slidev-syntax-guide
Master Slidev's extended Markdown syntax. Use this skill to write slides with advanced formatting, frontmatter, and special features.
skills/content/slidev-syntax-guide/SKILL.md on GitHub (opens in a new tab) -
slidev-styling
Style Slidev slides with UnoCSS and custom CSS. Use this skill for custom colors, typography, animations, and responsive designs.
skills/customization/slidev-styling/SKILL.md on GitHub (opens in a new tab) -
slidev-themes
Use and customize Slidev themes. Use this skill to apply themes, configure theme options, and create custom themes.
skills/customization/slidev-themes/SKILL.md on GitHub (opens in a new tab) -
slidev-deployment
Deploy Slidev presentations to the web. Use this skill for GitHub Pages, Netlify, Vercel, and Docker deployments.
skills/export/slidev-deployment/SKILL.md on GitHub (opens in a new tab) -
slidev-export
Export Slidev presentations to PDF, PPTX, and PNG. Use this skill for sharing, printing, and archiving presentations.
skills/export/slidev-export/SKILL.md on GitHub (opens in a new tab) -
slidev-project-structure
Understand Slidev project structure and configuration. Use this skill to configure themes, addons, and customize your presentation setup.
skills/getting-started/slidev-project-structure/SKILL.md on GitHub (opens in a new tab) -
slidev-quick-start
Get started with Slidev presentations in minutes. Use this skill to create your first presentation or set up a new Slidev project.
skills/getting-started/slidev-quick-start/SKILL.md on GitHub (opens in a new tab) -
slidev-drawings
Draw and annotate during Slidev presentations. Use this skill for live annotations, highlighting, and visual explanations.
skills/presentation/slidev-drawings/SKILL.md on GitHub (opens in a new tab) -
slidev-navigation
Master Slidev navigation and keyboard shortcuts. Use this skill for efficient slide control, custom shortcuts, and navigation customization.
skills/presentation/slidev-navigation/SKILL.md on GitHub (opens in a new tab) -
slidev-presenter-mode
Use Slidev presenter mode effectively. Use this skill for speaker notes, timer, remote control, and dual-screen presentations.
skills/presentation/slidev-presenter-mode/SKILL.md on GitHub (opens in a new tab) -
slidev-latex
Render mathematical formulas with LaTeX/KaTeX in Slidev. Use this skill for equations, mathematical notation, and scientific content.
skills/visuals/slidev-latex/SKILL.md on GitHub (opens in a new tab) -
slidev-mermaid
Create diagrams with Mermaid in Slidev. Use this skill for flowcharts, sequence diagrams, class diagrams, and more.
skills/visuals/slidev-mermaid/SKILL.md on GitHub (opens in a new tab) -
slidev-plantuml
Use PlantUML for UML diagrams in Slidev. Use this skill for complex UML diagrams, architecture visualizations, and technical documentation.
skills/visuals/slidev-plantuml/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.
Similar skills
-
superpowersby obra An agentic skills framework & software development methodology that works.
-
skillsby mattpocock Skills for Real Engineers. Straight from my .agents directory.
-
ECCby affaan-m The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Cod…
-
reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries.
-
andrej-karpathy-skillsby multica-ai A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
-
skillsby anthropics Public repository for Agent Skills