Slidev Drawings

This handles live drawing and annotation in Slidev presentations using the built-in drauu library. You get pen, arrow, rectangle, ellipse, and eraser tools that work during presentations, which is useful for highlighting code, tracing execution flow, or circling key points on the fly. The config lets you persist drawings to SVG files, restrict drawing to presenter only, and sync annotations across all connected viewers in real time. Works with stylus input including Apple Pencil on iPad. The honest take is that this is mostly configuration reference since the drawing tools are already built into Slidev, but the keyboard shortcuts and best practices around color choices and when to clear annotations are genuinely helpful if you present often.

skills.sh installs: 266
GitHub stars: 42
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add yoanbernabeu/slidev-skills --skill slidev-drawings --agent claude-code

Installs into .claude/skills of the current project.

Files

Drawings in Slidev

This skill covers Slidev's built-in drawing and annotation features powered by drauu, allowing you to draw, highlight, and annotate slides in real-time during presentations.

When to Use This Skill

Highlighting important content during presentations
Drawing diagrams on the fly
Annotating code or images
Interactive teaching sessions
Brainstorming visualizations

Enabling Drawings

In Frontmatter

---
drawings:
  enabled: true
---

Full Configuration

---
drawings:
  enabled: true
  persist: false
  presenterOnly: false
  syncAll: true
---

Drawing Options

Option	Type	Default	Description
`enabled`	boolean/string	`true`	Enable drawings (`true`, `false`, `'dev'`)
`persist`	boolean	`false`	Save drawings to `.slidev/drawings/`
`presenterOnly`	boolean	`false`	Only presenter can draw
`syncAll`	boolean	`true`	Sync drawings across all clients