# Deck Themes

> Готовые CSS-темы для slides без бренда: минимал, editorial, dark, data, brutalist. Триггеры: «тема презентации», «оформление дека». Любой артефакт → theme-factory.

- Skill: `jhamidun/deck-themes` (Agent Skill, multi-file: 6 files)
- Install (CLI): `npx skillmds@latest add jhamidun/deck-themes`
- Raw SKILL.md: https://api.skillmd.com/api/skills/jhamidun/deck-themes/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: JHamidun (https://skillmd.com/u/jhamidun)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/jhamidun/deck-themes

---


# Deck themes

Готовые CSS-темы для `<deck-stage>`. Каждая — один CSS-файл, который подключается рядом с `deck-stage.js`. Конкретный набор шрифтов, цветов, размеров.

## Файлы

- `templates/theme-minimal.css` — спокойный, для B2B и продуктовых ревью.
- `templates/theme-editorial.css` — антиква + воздух, для лонгридов и питчей.
- `templates/theme-dark.css` — тёмный фон, для конференций и кинематографичности.
- `templates/theme-data.css` — для отчётов с цифрами и таблицами.
- `templates/theme-brutalist.css` — моноширинная утилитарность, для девелопер-брендов.

## Использование

```html
<link rel="stylesheet" href="theme-editorial.css" />
<script src="deck-stage.js"></script>
<deck-stage width="1920" height="1080">
  <section>
    <h1>Заголовок</h1>
    <p>Текст</p>
  </section>
</deck-stage>
```

Темы не используют !important — переопределяй конкретные слайды inline-стилями.

## Что общего у всех тем

Каждая тема задаёт:
- `--bg`, `--fg`, `--muted`, `--accent`
- `--font-display`, `--font-body`, `--font-mono`
- размеры `h1`, `h2`, `h3`, `p`, `.eyebrow`
- `.statement`, `.two-col`, `.title-stack`, `.dark` (инвертированный режим)
- `.placeholder`

Слайды переносимы между темами — поменяй `<link>`, и тот же HTML выглядит иначе.

## Правила выбора

| Тема | Подходит | Не подходит |
|---|---|---|
| minimal | внутренние ревью, продукт | креатив-агентства |
| editorial | питчи, манифесты, бренды | data-репорты |
| dark | конференции, AI/tech | финансы, образование |
| data | отчёты, KPI, аналитика | креатив, маркетинг |
| brutalist | dev-tools, опен-сорс | продажи b2c |