codeck

Вы создали что-то сложное. codeck поможет это объяснить.

Живое демо →

English | 简体中文 | 繁體中文 | 日本語 | 한국어

У вас есть папка с заметками, документами, данными и изображениями. Вам нужна презентация. Вы вводите /codeck.

codeck читает ваши файлы, разбирается в том, о чём контент на самом деле, а затем привлекает нужных людей: редактора для структуры, дизайнера для визуала, рецензента, который думает как самый требовательный слушатель. Каждая «роль» определяется исходя из конкретных задач вашего контента, а не выбирается из готового списка.

Результат — единственный HTML-файл. Без шаблонов. Без словаря типов слайдов. Свободный HTML на каждый слайд — AI может изобрести любую визуальную форму, которая нужна вашему контенту.

Как это работает

/codeck сканирует материалы, анализирует контент, рекомендует роли ↓ /codeck-outline редактор выстраивает нарратив, оттачивает каждый заголовок ↓ /codeck-design дизайнер находит визуальную форму, отражающую структуру аргумента ↓ /codeck-review самый требовательный слушатель проверяет каждый слайд и правит напрямую ├── /codeck-export PDF / PPTX └── /codeck-speech дословный сценарий с режиссёрскими ремарками

Три идеи

Роли, а не правила. Вместо жёстко заданных дизайн-гайдлайнов codeck выбирает реальных людей — мыслителей, дизайнеров, редакторов — чей способ думать соответствует задаче вашего контента. Допустим, ваш аргумент должен сделать невидимое очевидным: codeck может привлечь Фейнмана. Не потому что тема связана с физикой, а потому что именно это Фейнман умеет делать. Имя активирует знания AI о том, как этот человек работает.

Изоморфное отображение. Перед проектированием codeck анализирует формальную структуру вашего контента — кривую напряжения, плотность информации, эмоциональную дугу. Затем находит структурное соответствие из другой области: музыкальное произведение, стиль живописи, архитектурный принцип. Ваши слайды не просто содержат аргумент — они выглядят как он. (Вдохновлено «GEB» Хофштадтера.)

Без потолка схемы. Большинство инструментов для слайдов дают вам словарь типов блоков — заголовок, список, изображение, цитата. codeck даёт AI свободный HTML. Если вашему контенту нужна визуальная форма, у которой ещё нет названия, AI может её изобрести.

Установка

Работает с Claude Code, Cursor, Codex и 40+ другими агентами.

npx skills add hiyeshu/codeck

Введите /codeck, чтобы начать.

HTML-файл

Результат — самодостаточный HTML-файл. Откройте его в любом браузере. Без сервера, без инструментов сборки.

Горячие клавиши

Клавиша	Действие
→ ↓ Space Enter	Следующий шаг (фрагмент или слайд)
← ↑ Backspace	Предыдущий шаг
Esc	Переключить обзорную сетку
F	Переключить полноэкранный режим
P	Открыть режим докладчика

Сенсорный экран: свайп влево/вправо для навигации. Плавающая панель инструментов появляется внизу при наведении (десктоп) или всегда видима (мобильные).

Режим докладчика

Нажмите P, чтобы открыть окно докладчика с:

• Текущий слайд — крупный предпросмотр на текущем шаге фрагмента
• Следующий предпросмотр — показывает, что идёт дальше (следующий фрагмент или слайд)
• Заметки докладчика — прокручиваемые, с управлением масштабом (+ / -)
• Таймер — запускается автоматически при первой навигации, клик для паузы, двойной клик для сброса
• Переключатель темы — переключает светлую/тёмную тему для всего UI (панель инструментов, обзор, панель докладчика)

Окно докладчика синхронизируется с главным окном через BroadcastChannel. Навигация работает с любой стороны.

Режим обзора

Нажмите Esc, чтобы увидеть все слайды в виде сетки. Кликните на любой миниатюре для перехода. Работает как в режиме слайдов, так и в режиме докладчика.

Благодарности

UI навигации движка слайдов вдохновлён Slidev.

Лицензия

Apache-2.0