AIKraft/AI/Войти
AIKraft/Skills/presentation

presentation

Превращает техническую спецификацию в интерактивную презентацию уровня маркетинга. Удобно, когда нужно объяснить инженерам дизайн, убедить читателя в целесообразности и сделать результат удобным для публичного распространения. Используйте, когда требуется превратить спецификацию в слайды.

IIiii official Документы ★ 18.8k

Что делает навык

Превращает техническую спецификацию (tech-spec) в интерактивную веб-презентацию (static site) с навигационными картами, анимированными диаграммами и маркетинговым нарративом. Помогает инженерам понять архитектуру, а читателям — убедить в целесообразности работы, делая результат удобным для публичного распространения.

Когда применять

  • Генерация интерактивной презентации из директории с технической спецификацией
  • Обновление или расширение уже созданной презентации
  • Визуализация архитектуры как навигационной карты, а не текста
  • Создание слайдов с интерактивными элементами (переключатели, пошаговые диаграммы) для убедительности

Как работает

  1. 0. Resolve inputs: Определить путь к директории tech-spec, slug (basename), найти базовый проект (base) и режим установки (workspace/standalone)
  2. 1. Deep ingest: Полностью прочитать README.md и domain docs спецификации, составить инвентарь контента, изучить реестр компонентов (<base>/COMPONENTS.md)
  3. 2. Narrative plan (GATE): Сформировать план слайдов на основе narrative framework, выбрать архетипы, утвердить план у пользователя
  4. 3. Scaffold: Скопировать шаблон в <base>/<slug>/, настроить пути к спецификациям, зарегистрировать frontmatter в README.md спецификации
  5. 4. Generate content: Написать данные в src/content/, создать секции в src/sections/, собрать App.tsx, при необходимости создать локальные или общие компоненты
  6. 5. Verify: Проверить соответствие quality bar и стандартам компонентов (component-standards.md)

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

Сгенерируй интерактивную презентацию из спецификации в tech-specs/2026-06-21-devexp/
Обнови существующую презентацию для спецификации roadmap-api, используя новые данные
Преврати технический документ в слайды с интерактивной картой архитектуры

Что понадобится

  • Доступ к файловой системе репозитория (для чтения tech-specs и записи в base)
  • Наличие базового проекта (base) с компонентной библиотекой и сборкой (Astro/Vite)
  • Инструменты сборки (pnpm) для установки зависимостей и валидации

Описание составлено по SKILL.md навыка, сверено 06.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «presentation» из репозитория: # https://github.com/iii-hq/iii
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r presentation/ ~/.claude/skills/presentation/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.