tesseract-editor について
tesseract-editor は、Tesseract の `.tsrct` プロジェクトを扱うブラウザーベースのエディターを構築するスキルです。ブラウザーランタイムでローカルに開き、プレビュー、編集、保存する方法を説明し、動画を書き出せない点も示します。
主な機能
- 01`.tsrct` プロジェクトのローカル表示とプレビュー
- 02ブラウザーエンジン API による編集
- 03文書と元アセットの Blob 保存
- 04エンジンアクションと編集グループの利用
- 05リリースに合ったランタイムアセットの使用
活用シーン
- 01静的 HTML の Tesseract エディター構築
- 02再生や選択のコントロール追加
- 03編集済みプロジェクト文書のローカル保存
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ mirage-hq/ tesseract --skill tesseract-editorインストール後、Claude Code で/tesseract-editorを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
agents/openai.yamlassets/icon.svgexamples/bouncing-ball/app.jsball.tsrctindex.htmlmotion.jsREADME.mdstyle.cssexamples/timeline-editor/app.jsindex.htmlREADME.mdstyle.cssreferences/browser-api.mdcli-version.txtconversion.mdinstallation.mdversions.md詳細
Tesseract エディターの構築
エディターで Premiere Pro や After Effects など、ほかのツールのプロジェクト形式をインポートまたはエクスポートする必要がある場合は、変換をお読みください。共有された .tsrct ファイルや古い .tsrct ファイルを開く場合、ツールを更新する場合、または読み込みやレンダリングの差異を調べる場合は、バージョンと互換性をお読みください。
ブラウザーエンジンでは、.tsrct プロジェクトをローカルで開き、プレビュー、編集、保存できます。静的な HTML アプリケーションで十分です。バックエンドやネイティブ CLI は必要ありません。ブラウザーランタイムでは動画をエクスポートできません。
ブラウザー API リファレンスでは、初期化、アクション、再生、保存について説明しています。例:一般的なレイヤー操作と同梱プロジェクト向けの操作。
ランタイムと配信
references/cli-version.txt がある場合、ブラウザーランタイムのリリースも固定されます。インストールリファレンスにリリースリポジトリが記載されています。ブラウザーアセットは tesseract-<VERSION>-web.zip とその .sha256 ファイルです。使用前にチェックサムを検証してください。アーカイブには runtime/ が含まれており、例では index.html と同じ場所に配置して使用します。生成された JavaScript、型定義、WASM はすべて同じリリースのものである必要があります。npm のインストールは不要です。version() はランタイムのリリースを返します。
エディターの利用には、HTTP による配信とブラウザーの GPU/メディアサポートが必要です。HTML はランタイムファイルに依存しており、添付ファイルのビューアーでは WASM が実行されない場合があります。CLI やスキルを更新しても、既存のエディターのランタイムをアップグレードする必要はありません。
編集と保存
actionSchema() は、エンジンでサポートされるアクションを記述します。UI コントロール、再生スケジューリング、選択ジェスチャーはアプリケーション側で実装します。フレームが重ならないよう、レンダリングの完了を待ってください。編集グループを使うと、連続した変更を 1 つの履歴エントリーにまとめられます。
TesseractEngine.create(file) は File または Blob を受け取ります。toBlob() は現在のドキュメントを元のアセットとともにパッケージ化しますが、ディスクには書き込みません。ソースファイルを上書きすると、アセットの読み込みが無効になる場合があります。保存した Blob を再度開く方法については、API リファレンスを参照してください。ページを更新すると、保存していない編集内容は破棄されます。