28.3K ·GitHub
Что это такое?
Это скилл для ИИ-агентов — Claude Code, Codex и подобных сред, который превращает статьи и идеи в аккуратные HTML-презентации в одном файле с горизонтальной листанием, а заодно создаёт подходящие картинки для слайдов и обложки для соцсетей в разных форматах. Режимы репетиции и докладчика встроены.
Это скилл для ИИ-агентов — Claude Code, Codex и подобных сред, который превращает статьи и идеи в аккуратные HTML-презентации в одном файле с горизонтальной листанием, а заодно создаёт подходящие картинки для слайдов и обложки для соцсетей в разных форматах. Режимы репетиции и докладчика встроены.Это отдельное приложение, которое я устанавливаю, или инструмент для моего ИИ-агента?Он живёт внутри вашего агента: это папка-скилл (SKILL.md, assets/ и references/), которую Claude Code сам находит после установки. На выходе вы получаете один самодостаточный HTML-файл, который открывается прямо в браузере — без сборки и без сервера.
Он живёт внутри вашего агента: это папка-скилл (SKILL.md, assets/ и references/), которую Claude Code сам находит после установки. На выходе вы получаете один самодостаточный HTML-файл, который открывается прямо в браузере — без сборки и без сервера.Как его установить и сделать первую презентацию?Три способа: одна команда в одну строку, вставка готового установочного промпта любому агенту с доступом к терминалу, или ручное клонирование в ~/.claude/skills/guizang-ppt-skill с проверкой, что SKILL.md, assets/ и references/ появились. Дальше просто попросите — например, «сделай из этой статьи презентацию в швейцарском стиле».
Три способа: одна команда в одну строку, вставка готового установочного промпта любому агенту с доступом к терминалу, или ручное клонирование в ~/.claude/skills/guizang-ppt-skill с проверкой, что SKILL.md, assets/ и references/ появились. Дальше просто попросите — например, «сделай из этой статьи презентацию в швейцарском стиле».Обязательно использовать Claude Code, или подойдут другие ИИ-агенты?Claude Code и Codex поддерживаются в первую очередь; Cursor и другие локальные агенты подойдут, если умеют читать и писать файлы и запускать команды в терминале. Обычные чат-боты не рекомендуются — без файловой системы и предпросмотра в браузере им трудно собрать полноценную презентацию.
Claude Code и Codex поддерживаются в первую очередь; Cursor и другие локальные агенты подойдут, если умеют читать и писать файлы и запускать команды в терминале. Обычные чат-боты не рекомендуются — без файловой системы и предпросмотра в браузере им трудно собрать полноценную презентацию.Для каких выступлений он подходит — а когда его лучше не использовать?Он создан для офлайн-выступлений, отраслевых презентаций, запусков ИИ-продуктов и демо-дней, где важен яркий личный стиль. Не подходит для больших таблиц с данными, учебных курсов и совместного редактирования, потому что презентации — это статичные HTML-файлы.
Он создан для офлайн-выступлений, отраслевых презентаций, запусков ИИ-продуктов и демо-дней, где важен яркий личный стиль. Не подходит для больших таблиц с данными, учебных курсов и совместного редактирования, потому что презентации — это статичные HTML-файлы.Ничего не отправляется в интернет, когда я выступаю или репетирую?Нет — весь режим докладчика работает локально в браузере, а данные тайминга репетиций хранятся в локальном хранилище браузера; никаких облачных серверов, пультов с телефона или ИИ-тренеров по выступлениям тут нет.
Нет — весь режим докладчика работает локально в браузере, а данные тайминга репетиций хранятся в локальном хранилище браузера; никаких облачных серверов, пультов с телефона или ИИ-тренеров по выступлениям тут нет.Чем стиль magazine отличается от стиля Swiss?Стиль A — это журнальная вёрстка в духе электронных чернил: 10 макетов и 5 чернильных тем, создан для нарративов и личных историй. Стиль B — Swiss International: 22 фиксированных макета на 16-колоночной сетке с 4 насыщенными базовыми цветами — для фактов, продуктов и аналитики. Цвета тем — только фиксированные наборы; свои hex-значения задать нельзя.
Стиль A — это журнальная вёрстка в духе электронных чернил: 10 макетов и 5 чернильных тем, создан для нарративов и личных историй. Стиль B — Swiss International: 22 фиксированных макета на 16-колоночной сетке с 4 насыщенными базовыми цветами — для фактов, продуктов и аналитики. Цвета тем — только фиксированные наборы; свои hex-значения задать нельзя.А когда я уже на сцене, он мне чем-то поможет?Нажмите P, чтобы открыть режим докладчика: отдельное чистое окно для аудитории, превью текущего и следующего слайда в 16:9, структурированные заметки, тайминг репетиций, синхронные лазерная указка и маркер, а также затемнение и «заморозка» экрана с мгновенным восстановлением. На слабом железе клавиша B переключает в статичный режим без WebGL-анимации.
Нажмите P, чтобы открыть режим докладчика: отдельное чистое окно для аудитории, превью текущего и следующего слайда в 16:9, структурированные заметки, тайминг репетиций, синхронные лазерная указка и маркер, а также затемнение и «заморозка» экрана с мгновенным восстановлением. На слабом железе клавиша B переключает в статичный режим без WebGL-анимации.Он тоже умеет делать картинки для слайдов и обложки для соцсетей?Да. В Codex он может дополнительно генерировать изображения с помощью GPT-Image 2.0 / GPT-M 2.0 — документальные фото, инфографику, блок-схемы, сцены интерфейсов — под размеры слотов шаблона. Также он создаёт обложки по тем же визуальным правилам: шапки 21:9 для WeChat, карточки 1:1 для шаринга, вертикальные 3:4 и горизонтальные 16:9 для Xiaohongshu.
Да. В Codex он может дополнительно генерировать изображения с помощью GPT-Image 2.0 / GPT-M 2.0 — документальные фото, инфографику, блок-схемы, сцены интерфейсов — под размеры слотов шаблона. Также он создаёт обложки по тем же визуальным правилам: шапки 21:9 для WeChat, карточки 1:1 для шаринга, вертикальные 3:4 и горизонтальные 16:9 для Xiaohongshu.Почему презентации в HTML, а не файл .pptx?HTML и CSS — это текст, поэтому агент может их напрямую читать, править и проверять, а один файл открывается где угодно — легко показать, отправить или сделать скриншот. Швейцарские макеты даже проверяются скриптом: когда доступен Playwright, он замеряет реальные переполнения и отступы.
HTML и CSS — это текст, поэтому агент может их напрямую читать, править и проверять, а один файл открывается где угодно — легко показать, отправить или сделать скриншот. Швейцарские макеты даже проверяются скриптом: когда доступен Playwright, он замеряет реальные переполнения и отступы.What are similar projects?guizang-social-card-skill, codex-ppt-skill, taste-skill, herk-edit-kit, dashi-ppt-skill, threejs-game-skills, html-ppt-skill, EpicInfographics
guizang-social-card-skill, codex-ppt-skill, taste-skill, herk-edit-kit, dashi-ppt-skill, threejs-game-skills, html-ppt-skill, EpicInfographicsWhich topics is it in?presentations, ppt, presentation, typography, webgl, claude-code-skill, agplv3, image-generation, design, skill, skills, css
presentations, ppt, presentation, typography, webgl, claude-code-skill, agplv3, image-generation, design, skill, skills, css