
При чтении длинного текста работа легко расходится по разным окнам: документ открыт отдельно, вопросы к модели остаются в переписке, полезные фрагменты уходят в заметки. В kepodo исходный Markdown и разговор о нём находятся рядом. Можно спросить обо всём документе или выделить конкретный отрывок. Для чтения и сбора заметок подключать ИИ не требуется.
Приложение открывает Markdown и TXT размером до 2 МБ, принимает текст из буфера обмена. Для вопросов нужен собственный аккаунт ChatGPT, API-ключ провайдера или агент, установленный на компьютере. Снимки документов и заметки хранятся локально; запрос к модели передаёт выбранному провайдеру контекст. Это важная граница: локальное хранение само по себе не делает обращение к ИИ локальным.
Показать работу до установки
На сайте я начинаю с работы над документом. Краткое содержание содержит ссылки на разделы источника, визуальный разбор помещает рядом таблицу или график, а объяснение выбранного фрагмента можно продолжить вопросом. Собранные заметки становятся отдельным контекстом разговора. Если модель предлагает заменить часть текста, человек просматривает предложение и решает, сохранять ли новую копию.
Скриншоты сняты с настоящего Electron-интерфейса, но документ и ответы подготовлены для демонстрации через тестового провайдера. По ним можно оценить расположение панелей и ход работы. Судить о качестве конкретной модели или проверке подписки по этим снимкам было бы неверно. Ссылки из сценариев открывают нужный пример прямо на странице.
Для светлой и тёмной темы сняты отдельные экраны приложения. Переключатель меняет и палитру сайта, и изображения. В первом экране снимок находится внутри CSS-мокапа планшета. Остальные изображения можно открыть крупнее и рассмотреть детали интерфейса.
Общий шаблон для двух языков
Лендинг использует HTML, CSS и небольшой JavaScript. При сборке Node.js берёт тексты из src/content.mjs и общий шаблон src/page.mjs, затем записывает готовые страницы на английском и русском. Основной текст уже есть в HTML. FAQ и выбор языка работают без JavaScript.
У публикации на GitHub Pages есть конкретная особенность: сайт живёт в подкаталоге /kepodo_website/. Сборщик получает адрес через SITE_URL, подставляет нужный префикс в пути к ресурсам и формирует canonical, языковые альтернативы и sitemap. Перед публикацией GitHub Actions выполняет сборку и тесты.
Запуск приложения пока требует доступа к репозиторию. Публичный установщик на сайте не обещается. Раздел с командами отдельно указывает требования к Node.js и npm, а основная кнопка открывает демонстрацию. Посетитель может сначала посмотреть, как выглядит работа с текстом, и только потом переходить к установке.
Материалы проекта: сайт kepodo, исходники лендинга, происхождение скриншотов.
Технологии и устройство
Сайт kepodo собран из HTML, CSS и JavaScript: Node.js генерирует языковые версии, GitHub Actions проверяет и публикует их в GitHub Pages.
- Страницы
- src/content.mjs хранит тексты на английском и русском, src/page.mjs задаёт общий шаблон. Сборка записывает готовые HTML-страницы без runtime-зависимостей.
- Демонстрация
- Реальные снимки Electron-интерфейса показывают чтение, работу с заметками и ответы на подготовленный документ. JavaScript переключает примеры и изображения светлой и тёмной темы.
- Публикация
- SITE_URL учитывает подкаталог GitHub Pages в путях к ресурсам, canonical и языковых альтернативах. Workflow запускает сборку и тесты перед публикацией.

