slidev-monaco-editor
Monaco Editor in Slidev
This skill covers integrating Monaco Editor (the editor powering VS Code) into your Slidev presentations for live coding, interactive demos, and executable code blocks.
When to Use This Skill
- Live coding demonstrations
- Interactive code editing during presentations
- Running code examples in real-time
- Teaching programming concepts
- Showing auto-completion and type hints
Enabling Monaco Editor
Basic Monaco Block
Add {monaco} to any code block:
More from yoanbernabeu/slidev-skills
slidev-styling
Style Slidev slides with UnoCSS and custom CSS. Use this skill for custom colors, typography, animations, and responsive designs.
143slidev-quick-start
Get started with Slidev presentations in minutes. Use this skill to create your first presentation or set up a new Slidev project.
134slidev-themes
Use and customize Slidev themes. Use this skill to apply themes, configure theme options, and create custom themes.
128slidev-syntax-guide
Master Slidev's extended Markdown syntax. Use this skill to write slides with advanced formatting, frontmatter, and special features.
122slidev-drawings
Draw and annotate during Slidev presentations. Use this skill for live annotations, highlighting, and visual explanations.
109slidev-project-structure
Understand Slidev project structure and configuration. Use this skill to configure themes, addons, and customize your presentation setup.
100