# Build Developer Slide Decks with Slidev

Technical slide decks often need code, diagrams, animation, and export settings that plain Markdown tools do not cover. This skill helps Claude, Codex, and Claude Code create and revise Slidev presentations with practical reference guidance.

## Install

```bash
npx skillstore add antfu/slidev
```

## Metadata

- - Slug: antfu-slidev
- - Version: 1.0.0
- - Author: antfu
- - GitHub username: antfu
- - License: MIT
- - Repository: https://github.com/antfu/skills/tree/main/skills/slidev/
- - Ref: main
- - Supported tools: Claude, Codex, Claude Code
- - Risk level: medium
- - Risk factors: external\_commands, network, filesystem
- - Quality score: 50
- - Quality tier: warning
- - Public page: https://skillstore.pages.dev/skills/antfu-slidev
- - Manifest: https://skillstore.pages.dev/api/skills/antfu-slidev/manifest

## Capabilities

- Create Slidev decks using Markdown slide separators, headmatter, frontmatter, and presenter notes.
- Add syntax-highlighted code blocks, line highlights, line numbers, code groups, and imported snippets.
- Use Slidev layouts, slots, global layers, scoped styles, draggable elements, icons, and canvas settings.
- Configure diagrams and math with Mermaid, PlantUML, and LaTeX examples.
- Guide presenter mode features, timers, recording, remote control, and speaker notes.
- Set up export and hosting workflows for PDF, PPTX, PNG, Markdown, and static SPA builds.

## Use Cases

- Prepare a conference talk: Create a polished technical deck with code examples, click animations, speaker notes, and PDF export settings.
- Teach a programming concept: Build lesson slides with step-by-step code highlights, diagrams, Monaco examples, and presenter timing.
- Document an engineering proposal: Turn architecture notes into a Slidev deck with diagrams, two-column layouts, and a shareable static build.

## Prompt Templates

### Create a basic deck

```
Create a Slidev presentation about [topic] with a cover slide, three content slides, speaker notes, and a closing slide.
```

### Add code-focused slides

```
Add slides that explain [concept] using TypeScript examples, line highlighting, and click steps that reveal the explanation gradually.
```

### Design an interactive workshop

```
Build a Slidev workshop deck for [audience] with Monaco editor examples, diagrams, exercises, presenter notes, and export settings.
```

### Refine a production deck

```
Review this Slidev deck for layout consistency, frontmatter correctness, remote asset risks, export reliability, and speaker flow.
```

## Limitations

- It provides guidance and examples; it does not install Slidev dependencies by itself.
- Commands, remote sharing, recording, and exports run only when the user or agent executes them.
- Slidev behavior can change by version, theme, plugin, and local project configuration.
- Remote assets, tunnels, and custom diagram servers may require security review before public use.

## Best Practices

- Keep commands explicit and review them before running installs, exports, tunnels, or build scripts.
- Use local assets when possible and review remote image, PDF, diagram server, and tunnel URLs before publishing.
- Back up project files before using writable Monaco demos, theme ejection, or formatting tools.

## Anti Patterns

- Do not expose a Slidev remote session or tunnel without a password and a clear audience need.
- Do not include secrets, private URLs, or confidential screenshots in slides or presenter notes.
- Do not run generated shell commands in an untrusted project without checking package and export settings.

## Security Audit

- - Safe to publish: true
- - Audited at: 2026-06-28T09:11:21.551\+00:00
- - Summary: Static analysis reported many high-risk patterns, but review shows the dominant hits are false positives from Markdown fences, inline backticks, file extensions, URLs, and documented CLI examples. No malicious intent or prompt injection was found. The skill is safe to publish with warnings because it documents user-triggered commands, remote sharing, public tunnels, screen recording, remote assets, and writable demo editors.

## Stats

- - Views: 819
- - Downloads: 6
- - Favorites: 0
- - Popularity score: 0