# revealjs

Скилл собирает презентацию на reveal.js: HTML-файл со слайдами и CSS с вашей темой. Открывается в браузере, сборка не нужна.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 733 установки · ★ 418
- Автор: ryanbbrown
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/ryanbbrown/revealjs-skill/tree/HEAD/skills/revealjs/SKILL.md
- Обновлён: 2026-05-02
- HTML: https://affpapa.org/nevibecode/skills/revealjs

## Что делает

Скилл включается, когда вы просите сделать слайды, презентацию, колоду или слайдшоу. На выходе два файла: HTML со слайдами, который подгружает reveal.js с CDN, и CSS с оформлением. Никаких сборщиков и `npm run build` — файл открывается прямо в браузере.

Внутри есть скрипт `scripts/create-presentation.js`. Он генерирует каркас по структуре: `--slides N` даёт N горизонтальных слайдов, а `--structure 1,1,d,3,1,d,1` позволяет смешать одиночные слайды, вертикальные стопки и разделители секций. Заодно скрипт копирует `base-styles.css` в папку презентации как `styles.css` — дальше вы правите переменные темы под свой материал.

Скилл требует, чтобы агент сначала сформулировал подход к дизайну и только потом писал код. Размеры шрифтов он советует задавать в `pt`, а не в `em`, `rem` или `px`, потому что слайды фиксированного размера. Если у вас в проекте уже есть свой CSS-фреймворк со своими размерами текста, это повод проверить, не потянет ли он вёрстку слайдов за собой.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add ryanbbrown/revealjs-skill --skill revealjs -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/revealjs/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/revealjs/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add ryanbbrown/revealjs-skill --skill revealjs -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/revealjs/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add ryanbbrown/revealjs-skill --skill revealjs -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/revealjs/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install ryanbbrown/revealjs-skill revealjs
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/revealjs/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add ryanbbrown/revealjs-skill --skill revealjs -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/ryanbbrown/revealjs-skill --path skills/revealjs
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/revealjs/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add ryanbbrown/revealjs-skill --skill revealjs -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/ryanbbrown/revealjs-skill/tree/HEAD/skills/revealjs/SKILL.md

## Когда брать
- собрать презентацию из текста без ручной вёрстки слайдов
- сделать колоду с разделителями секций и вложенными слайдами
- подобрать палитру под тему выступления
- добавить подсветку кода и заметки докладчика в слайды
- получить HTML-файл, который открывается без сборки

## Примеры запросов агенту
- сделай презентацию на 12 слайдов про наш квартальный отчёт
- собери колоду с разделителями секций и вертикальными слайдами внутри
- создай слайды для доклада с подсветкой кода и заметками докладчика

## Похожие
- [present](https://affpapa.org/nevibecode/skills/present.md) — скилл · 398 установок
- [md-slides](https://affpapa.org/nevibecode/skills/md-slides.md) — скилл · 15 установок
- [frontend-slides](https://affpapa.org/nevibecode/skills/nexu-io-frontend-slides.md) — скилл · 2800 установок
- [frontend-slides-editable](https://affpapa.org/nevibecode/skills/frontend-slides-editable.md) — скилл · 536 установок
- [dokie-ai-ppt](https://affpapa.org/nevibecode/skills/dokie-ai-ppt.md) — скилл · 984 установки
- [huashu-design-html-native](https://affpapa.org/nevibecode/skills/huashu-design-html-native.md) — скилл · 426 установок

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md