skills/yoanbernabeu/slidev-skills

yoanbernabeu/slidev-skills

20 skills24 total installsGithubGithubGitHub

slidev-styling

Style Slidev slides with UnoCSS and custom CSS. Use this skill for custom colors, typography, animations, and responsive designs.

2

slidev-plantuml

Use PlantUML for UML diagrams in Slidev. Use this skill for complex UML diagrams, architecture visualizations, and technical documentation.

2

slidev-mermaid

Create diagrams with Mermaid in Slidev. Use this skill for flowcharts, sequence diagrams, class diagrams, and more.

2

slidev-code-blocks

Create beautiful code blocks with Shiki syntax highlighting. Use this skill for code snippets, line highlighting, and code groups.

2

slidev-export

Export Slidev presentations to PDF, PPTX, and PNG. Use this skill for sharing, printing, and archiving presentations.

1

slidev-themes

Use and customize Slidev themes. Use this skill to apply themes, configure theme options, and create custom themes.

1

slidev-layouts

Use built-in and custom Slidev layouts effectively. Use this skill to structure slides with cover, two-cols, image layouts and more.

1

slidev-drawings

Draw and annotate during Slidev presentations. Use this skill for live annotations, highlighting, and visual explanations.

1

slidev-latex

Render mathematical formulas with LaTeX/KaTeX in Slidev. Use this skill for equations, mathematical notation, and scientific content.

1

slidev-deployment

Deploy Slidev presentations to the web. Use this skill for GitHub Pages, Netlify, Vercel, and Docker deployments.

1

slidev-navigation

Master Slidev navigation and keyboard shortcuts. Use this skill for efficient slide control, custom shortcuts, and navigation customization.

1

slidev-presenter-mode

Use Slidev presenter mode effectively. Use this skill for speaker notes, timer, remote control, and dual-screen presentations.

1

slidev-transitions

Add smooth slide transitions in Slidev. Use this skill for fade, slide, and custom transitions between slides.

1

slidev-magic-move

Animate code transformations with Shiki Magic Move. Use this skill to create smooth morphing transitions between code states.

1

slidev-components

Leverage Vue components in Slidev slides. Use this skill to add interactivity with built-in components or create custom ones.

1

slidev-syntax-guide

Master Slidev's extended Markdown syntax. Use this skill to write slides with advanced formatting, frontmatter, and special features.

1

slidev-monaco-editor

Add live coding with Monaco Editor in Slidev. Use this skill for interactive code demos, executable code, and real-time editing.

1

slidev-click-animations

Master v-click and sequential animations in Slidev. Use this skill to reveal content progressively and create engaging presentations.

1

slidev-project-structure

Understand Slidev project structure and configuration. Use this skill to configure themes, addons, and customize your presentation setup.

1

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.

1