Slidev

Установка

npx skills add slidevjs/slidev

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Скилл учит агента синтаксису Slidev: разделители слайдов, frontmatter, темы, раскладки и компоненты Vue. Агент может оформить подсветку и пошаговую анимацию кода, встроить редактор Monaco, формулы LaTeX и диаграммы Mermaid или PlantUML, добавить заметки докладчика. Отдельные справочники в references описывают возможности вроде экспорта в PDF и PPTX, сборки статического сайта и расширения для VS Code. В скилле есть команды быстрого старта и проверки, что слайды открываются и экспорт создал файл.

Для кого. Для разработчиков и преподавателей, которые готовят технические доклады и хотят писать слайды в Markdown.

Пример запроса к агенту

Сделай на Slidev доклад на 15 минут про миграцию на Vite, с пошаговой анимацией кода

Ограничения

Нужен Node.js и пакетный менеджер, экспорт в PDF требует playwright-chromium. Скилл описывает только Slidev и не подходит для других инструментов презентаций.

Как отключить. Удалите папку slidev из каталога скиллов агента или плагин slidev через /plugin.

Проверка безопасности

• Скилл состоит из инструкций и справочников, команды запускает сам агент в проекте слайдов

Коротко о README

Slidev это инструмент веб-презентаций для разработчиков на Vite, Vue и Markdown с темами, подсветкой кода, записью и экспортом. Скилл лежит в папке skills/slidev, его README и страница документации work-with-ai предлагают поставить его одной командой npx skills. В репозитории также есть манифест маркетплейса плагинов Claude Code. Лицензия MIT.

SKILL.md

---
name: slidev
description: Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.
---

# Slidev - Presentation Slides for Developers

Web-based slides maker built on Vite, Vue, and Markdown.

## When to Use

- Technical presentations or slidedecks with live code examples
- Syntax-highlighted code snippets with animations
- Interactive demos (Monaco editor, runnable code)
- Mathematical equations (LaTeX) or diagrams (Mermaid, PlantUML)
- Record presentations with presenter notes
- Export to PDF, PPTX, or host as SPA
- Code walkthroughs for developer talks or workshops

## Quick Start

```bash
pnpm create slidev    # Create project
pnpm run dev          # Start dev server (opens http://localhost:3030)
pnpm run build        # Build static SPA
pnpm run export       # Export to PDF (requires playwright-chromium)
```

**Verify**: After `pnpm run dev`, confirm slides load at `http://localhost:3030`. After `pnpm run export`, check the output PDF exists in the project root.

## Basic Syntax

```md
---
theme: default
title: My Presentation
---

# First Slide

Похожие