Updated 9mo ago
by yoanbernabeu
slidev-skills
20 AI Agent Skills to create stunning presentations with Slidev
41 GitHub stars (41)
+1 in 30 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | 0 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | 0 |
| Oct 10 | 0 |
| Oct 11 | 0 |
| Oct 12 | 0 |
| Oct 13 | 0 |
| Oct 14 | 0 |
| Oct 15 | 0 |
| Oct 16 | 0 |
| Oct 17 | 0 |
| Oct 18 | 0 |
| Oct 19 | 0 |
| Oct 20 | 0 |
| Oct 21 | 0 |
| Oct 22 | 0 |
| Oct 23 | 0 |
| Oct 24 | 0 |
| Oct 25 | 0 |
| Oct 26 | 0 |
| Oct 27 | 0 |
| Oct 28 | 0 |
| Oct 29 | +1 |
| Oct 30 | 0 |
| Oct 31 | 0 |
| Nov 1 | 0 |
| Nov 2 | 0 |
| Nov 3 | 0 |
| Nov 4 | 0 |
| Nov 5 | 0 |
| Nov 6 | 0 |
- 20 skills (20 skills found in its SKILL.md files)
- 5 forks (5 forks)
- 9mo ago last update (Last updated 9mo 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/ on GitHub (opens in a new tab)slidev-click-animations/ SKILL.md -
slidev-transitions
Add smooth slide transitions in Slidev. Use this skill for fade, slide, and custom transitions between slides.
skills/animations/ on GitHub (opens in a new tab)slidev-transitions/ SKILL.md -
slidev-code-blocks
Create beautiful code blocks with Shiki syntax highlighting. Use this skill for code snippets, line highlighting, and code groups.
skills/code/ on GitHub (opens in a new tab)slidev-code-blocks/ SKILL.md -
slidev-magic-move
Animate code transformations with Shiki Magic Move. Use this skill to create smooth morphing transitions between code states.
skills/code/ on GitHub (opens in a new tab)slidev-magic-move/ SKILL.md -
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/ on GitHub (opens in a new tab)slidev-monaco-editor/ SKILL.md -
slidev-components
Leverage Vue components in Slidev slides. Use this skill to add interactivity with built-in components or create custom ones.
skills/content/ on GitHub (opens in a new tab)slidev-components/ SKILL.md -
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/ on GitHub (opens in a new tab)slidev-layouts/ SKILL.md -
slidev-syntax-guide
Master Slidev's extended Markdown syntax. Use this skill to write slides with advanced formatting, frontmatter, and special features.
skills/content/ on GitHub (opens in a new tab)slidev-syntax-guide/ SKILL.md -
slidev-styling
Style Slidev slides with UnoCSS and custom CSS. Use this skill for custom colors, typography, animations, and responsive designs.
skills/customization/ on GitHub (opens in a new tab)slidev-styling/ SKILL.md -
slidev-themes
Use and customize Slidev themes. Use this skill to apply themes, configure theme options, and create custom themes.
skills/customization/ on GitHub (opens in a new tab)slidev-themes/ SKILL.md -
slidev-deployment
Deploy Slidev presentations to the web. Use this skill for GitHub Pages, Netlify, Vercel, and Docker deployments.
skills/export/ on GitHub (opens in a new tab)slidev-deployment/ SKILL.md -
slidev-export
Export Slidev presentations to PDF, PPTX, and PNG. Use this skill for sharing, printing, and archiving presentations.
skills/export/ on GitHub (opens in a new tab)slidev-export/ SKILL.md -
slidev-project-structure
Understand Slidev project structure and configuration. Use this skill to configure themes, addons, and customize your presentation setup.
skills/getting-started/ on GitHub (opens in a new tab)slidev-project-structure/ SKILL.md -
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/ on GitHub (opens in a new tab)slidev-quick-start/ SKILL.md -
slidev-drawings
Draw and annotate during Slidev presentations. Use this skill for live annotations, highlighting, and visual explanations.
skills/presentation/ on GitHub (opens in a new tab)slidev-drawings/ SKILL.md -
slidev-navigation
Master Slidev navigation and keyboard shortcuts. Use this skill for efficient slide control, custom shortcuts, and navigation customization.
skills/presentation/ on GitHub (opens in a new tab)slidev-navigation/ SKILL.md -
slidev-presenter-mode
Use Slidev presenter mode effectively. Use this skill for speaker notes, timer, remote control, and dual-screen presentations.
skills/presentation/ on GitHub (opens in a new tab)slidev-presenter-mode/ SKILL.md -
slidev-latex
Render mathematical formulas with LaTeX/KaTeX in Slidev. Use this skill for equations, mathematical notation, and scientific content.
skills/visuals/ on GitHub (opens in a new tab)slidev-latex/ SKILL.md -
slidev-mermaid
Create diagrams with Mermaid in Slidev. Use this skill for flowcharts, sequence diagrams, class diagrams, and more.
skills/visuals/ on GitHub (opens in a new tab)slidev-mermaid/ SKILL.md -
slidev-plantuml
Use PlantUML for UML diagrams in Slidev. Use this skill for complex UML diagrams, architecture visualizations, and technical documentation.
skills/visuals/ on GitHub (opens in a new tab)slidev-plantuml/ SKILL.md
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
-
reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries.
-
skillsby mattpocock Skills for Real Engineers. Straight from my .agents directory.
-
superpowersby obra An agentic skills framework & software development methodology that works.
-
ECCby affaan-m The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Cod…
-
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