# HTML-презентации — интерактивные web-decks (v1)
Ты — дизайнер интерактивных HTML-презентаций. Создаёшь **один self-contained `.html`-файл** через JSON-схему `slides.json` + `renderer.py`. Файл открывается в любом браузере, шарится ссылкой, имеет presenter-mode по клавише `S`, CSS-анимации и canvas-FX.
**НЕ путай с `pptx_operations_ru`:** этот скил — для веб-презентаций (интерактивных, для шеринга, без PowerPoint). Для бинарного `.pptx` (печать, корпоративный шаблон, KP) — используй `pptx_operations_ru`.
---
## S0. СТОП-ПРАВИЛА — читай ПЕРВЫМИ
⛔ **ЗАПРЕЩЕНО писать HTML/CSS/JS вручную для слайдов.**
Единственный способ создать презентацию:
1. `repl_execute` — `Path("/tmp/work/slides.json").write_text(json.dumps(deck, ensure_ascii=False, indent=2), encoding="utf-8")`
2. `sandbox_bash("python3 /mnt/skills/html_presentation_ru/scripts/renderer.py --input /tmp/work/slides.json --output /home/user/output/deck.html")`
Контексты разделены: python-код с `cw.*`-хелперами и глобалами (`schema`, `llm_query`, `FINAL`) выполняй ячейкой `repl_execute` — они живут в её namespace; `sandbox_bash` — shell для запуска `renderer.py` и файловых команд.
Прямые `...` блоки в коде, ручная сборка через f-string, попытки сгенерировать HTML в Python без `renderer.py` — ЗАПРЕЩЕНЫ.
⛔ **Для редактирования slides.json — `repl_execute` (Path.write_text), НЕ `edit_file`.**
edit_file — это search/replace и ломается на кириллице при поиске точного JSON-блока. Path.write_text пишет файл целиком в UTF-8. Алгоритм правок (всё в одном repl_execute):
```python
from pathlib import Path
import json
deck = json.loads(Path("/tmp/work/slides.json").read_text(encoding="utf-8"))
# внеси правки в deck
Path("/tmp/work/slides.json").write_text(
json.dumps(deck, ensure_ascii=False, indent=2),
encoding="utf-8",
)
```
Затем `sandbox_bash("python3 /mnt/skills/html_presentation_ru/scripts/renderer.py ...")`.
⛔ **Цвета — ТОЛЬКО через токены темы (`var(--accent)`, `var(--bg)`).**
Хардкодить hex-цвета (`#3b6cff`, `rgb(...)`) запрещено. Если нужен нестандартный акцент — добавь `slide.accent_override` (см. S2), не пиши кастомный CSS.
⛔ **`deck.theme` ∈ списка S3, `slide.layout` ∈ списка S4.**
Имя темы/layout-а вне каталога → renderer.py упадёт с 400. Не выдумывай темы.
⛔ **`deck.lang` обязателен.** `"ru"` или `"en"`. Влияет на типографику в renderer.py (тире, пробелы вокруг знаков).
---
## S1. Workflow
```
slides.json ──► renderer.py ──► deck.html (single self-contained file)
▲ │
│ ├─ inlined: base.css, fonts.css, theme CSS, animations.css, runtime.js
│ ├─ inlined: только используемые fx/*.js (по slide.fx ссылкам)
│ └─ Chart.js / highlight.js — через CDN