tesseract-editor — скилл для Claude Code: редактор .tsrct
Скилл помогает собрать или изменить браузерный редактор проектов Tesseract .tsrct. Он пригодится для настройки элементов управления, предпросмотра и сохранения.
npx skills add mirage-hq/Tesseract --skill tesseract-editor -a claude-codeЧто делает tesseract-editor
Скилл описывает, как сделать веб-приложение для открытия, просмотра и изменения .tsrct-проектов. Для этого достаточно статической HTML-страницы с файлами браузерного движка рядом: серверная часть и нативная CLI не нужны. Сам редактор управляет интерфейсом, выделением и воспроизведением, а движок предоставляет схему доступных действий.
Сохранение через toBlob() упаковывает документ вместе с исходными ресурсами, но не записывает его на диск. После обновления страницы несохранённые правки пропадут. Перезапись исходного файла может нарушить чтение ресурсов, поэтому сначала нужно разобраться с повторным открытием сохранённого Blob.
Для работы нужны HTTP-раздача файлов и поддержка GPU и медиа в браузере. Архив runtime должен соответствовать версии: его JavaScript, типы и WASM берутся из одного выпуска, а контрольную сумму следует проверить. Видеофайл движок не экспортирует; создание проектов напрямую относится к скиллам motion или video.
Какие задачи решает
- создать браузерный редактор для
.tsrct - добавить управление слоями и предпросмотр
- сохранить проект вместе с исходными ресурсами
- разобраться с версиями runtime и совместимостью файлов
Примеры запросов агенту
- Сделай браузерный редактор для проекта
.tsrctс предпросмотром и сохранением. - Добавь в редактор элементы управления слоями и выбор объектов.
- Проверь, почему старый
.tsrctоткрывается или отображается иначе после обновления runtime.
Как установить tesseract-editor
1Через Skills CLI (Vercel)
npx skills add mirage-hq/Tesseract --skill tesseract-editor -a claude-code2Вручную: положить файлы
~/.claude/skills/tesseract-editor/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/tesseract-editor/
1Через Skills CLI (Vercel)
npx skills add mirage-hq/Tesseract --skill tesseract-editor -a codex2Вручную: положить файлы
.agents/skills/tesseract-editor/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add mirage-hq/Tesseract --skill tesseract-editor -a cursor2Вручную: положить файлы
.cursor/skills/tesseract-editor/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install mirage-hq/Tesseract tesseract-editor2Вручную: положить файлы
.github/skills/tesseract-editor/SKILL.md1Через Skills CLI (Vercel)
npx skills add mirage-hq/Tesseract --skill tesseract-editor -a gemini-cli2Командой платформы
gemini skills install https://github.com/mirage-hq/Tesseract --path skills/tesseract-editorВручную: положить файлы
.devin/skills/tesseract-editor/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add mirage-hq/Tesseract --skill tesseract-editor -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о tesseract-editor
Как установить tesseract-editor в Claude Code?
Выполните npx skills add mirage-hq/Tesseract --skill tesseract-editor -a claude-code. Файл скилла устанавливается в ~/.claude/skills/tesseract-editor/SKILL.md.
Что делает tesseract-editor?
Помогает создавать и менять браузерные редакторы для проектов Tesseract .tsrct: настраивать элементы интерфейса, предпросмотр и сохранение.
Что нужно браузерному редактору Tesseract для работы?
Файлы runtime должны быть доступны по HTTP, а браузеру нужны поддержка GPU и медиа. JavaScript, типы и WASM должны относиться к одному выпуску runtime.
