Tesseract Editor: Install, Source and Security | FunnelSlayer

Tesseract Editor

Published by mirage-hq in tesseract

Review recommended523 installs

What this skill does

Build or modify a custom browser editor for Tesseract .tsrct files. Use for editor controls, previews, and saving projects; use the motion or video skill for direct project authoring.

Add Tesseract Editor to your agent

Review the source and files first. When you are ready, copy the prompt instruction or use the CLI command supported by your environment.

Install with a prompt

Paste this into a compatible coding agent:

add this skill "tesseract-editor" from https://github.com/mirage-hq/tesseract

Install with the CLI

Run this command in a controlled environment after reviewing the repository:

npx skills add https://github.com/mirage-hq/tesseract --skill tesseract-editor

Skill instructions

Build a Tesseract editor

If the editor needs to import or export other tools’ project formats, such as Premiere Pro or After Effects, read conversion. When opening shared or older .tsrct files, updating tools, or investigating load/render differences, read versions and compatibility.

The browser engine opens, previews, edits, and saves .tsrct projects locally. A static HTML application is sufficient; no backend or native CLI is required. The browser runtime does not export video.

The browser API reference covers initialization, actions, playback, and saving. Examples: general layer controls and controls for a bundled project.

Runtime and serving

references/cli-version.txt, when present, pins the browser runtime release too. The installation reference identifies the release repository. The browser assets are tesseract-<VERSION>-web.zip and its .sha256; verify the checksum before use. The archive contains runtime/, used beside index.html in the examples. Its generated JavaScript, types, and WASM must come from the same release. No npm installation is needed. version() returns the runtime release.

The editor needs HTTP serving and browser GPU/media support. Its HTML depends on the runtime files; attachment viewers may not execute WASM. CLI or skill updates do not require upgrading an existing editor’s runtime.

Editing and saving

actionSchema() describes supported engine actions. UI controls, playback scheduling, and selection gestures belong to the application. Await rendering so frames do not overlap; edit groups combine continuous changes into one history entry.

TesseractEngine.create(file) accepts a File or Blob. toBlob() packages the current document with its original assets; it does not write to disk. Overwriting the source file can invalidate asset reads; the API reference describes reopening the saved Blob. Page refresh discards unsaved edits.

Files included

  • agents/openai.yaml
  • assets/icon.svg
  • examples/bouncing-ball/app.js
  • examples/bouncing-ball/ball.tsrct
  • examples/bouncing-ball/index.html
  • examples/bouncing-ball/motion.js
  • examples/bouncing-ball/README.md
  • examples/bouncing-ball/style.css
  • examples/timeline-editor/app.js
  • examples/timeline-editor/index.html
  • examples/timeline-editor/README.md
  • examples/timeline-editor/style.css
  • references/browser-api.md
  • references/cli-version.txt
  • references/conversion.md
  • references/installation.md
  • references/versions.md
  • SKILL.md