slidev-complete
By yoanbernabeu
Master Slidev to build interactive Vue presentations: set up projects, apply themes and styles, add click animations/transitions/magic moves, embed editable Monaco code editors/blocks, render LaTeX/Mermaid/PlantUML diagrams/drawings, use layouts/components, enable presenter mode/navigation, deploy to Netlify/Vercel/GitHub Pages, and export to PDF/PPTX.
Component Overview
Install
npx claudepluginhub yoanbernabeu/slidev-skills --plugin slidev-getting-startedComponent Details
Skills (20)
Master v-click and sequential animations in Slidev. Use this skill to reveal content progressively and create engaging presentations.
Add smooth slide transitions in Slidev. Use this skill for fade, slide, and custom transitions between slides.
Create beautiful code blocks with Shiki syntax highlighting. Use this skill for code snippets, line highlighting, and code groups.
Animate code transformations with Shiki Magic Move. Use this skill to create smooth morphing transitions between code states.
Add live coding with Monaco Editor in Slidev. Use this skill for interactive code demos, executable code, and real-time editing.
Leverage Vue components in Slidev slides. Use this skill to add interactivity with built-in components or create custom ones.
Use built-in and custom Slidev layouts effectively. Use this skill to structure slides with cover, two-cols, image layouts and more.
Master Slidev's extended Markdown syntax. Use this skill to write slides with advanced formatting, frontmatter, and special features.
Style Slidev slides with UnoCSS and custom CSS. Use this skill for custom colors, typography, animations, and responsive designs.
Use and customize Slidev themes. Use this skill to apply themes, configure theme options, and create custom themes.
Deploy Slidev presentations to the web. Use this skill for GitHub Pages, Netlify, Vercel, and Docker deployments.
Export Slidev presentations to PDF, PPTX, and PNG. Use this skill for sharing, printing, and archiving presentations.
Understand Slidev project structure and configuration. Use this skill to configure themes, addons, and customize your presentation setup.
Get started with Slidev presentations in minutes. Use this skill to create your first presentation or set up a new Slidev project.
Draw and annotate during Slidev presentations. Use this skill for live annotations, highlighting, and visual explanations.
Master Slidev navigation and keyboard shortcuts. Use this skill for efficient slide control, custom shortcuts, and navigation customization.
Use Slidev presenter mode effectively. Use this skill for speaker notes, timer, remote control, and dual-screen presentations.
Render mathematical formulas with LaTeX/KaTeX in Slidev. Use this skill for equations, mathematical notation, and scientific content.
Create diagrams with Mermaid in Slidev. Use this skill for flowcharts, sequence diagrams, class diagrams, and more.
Use PlantUML for UML diagrams in Slidev. Use this skill for complex UML diagrams, architecture visualizations, and technical documentation.
README
Similar Plugins
prompts.chat
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.