Agent skill

Onmark Video

by zihanyang-dev in zihanyang-dev/onmark

Create, edit, validate, inspect, snapshot, review, benchmark, or render deterministic Onmark videos from one HTML screenplay.

MITAuto-check passedGame Development

Install Onmark Video

skills CLI
$ npx skills add zihanyang-dev/onmark --skill onmark-video -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install zihanyang-dev/onmark onmark-video --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/zihanyang-dev/onmark.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/onmark-video .claude/skills/onmark-video && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
onmark-video
GitHub stars
126
Token cost
~1.2k tokens
SKILL.md length
504 words
Files
2
Skills in repo
1
Repo updated
First seen
Licence
MIT

At a glance

Create, edit, validate, inspect, snapshot, review, benchmark, or render deterministic Onmark videos from one HTML screenplay.

  • Works in 7 steps: onmark check film.html --json after… → onmark inspect film.html --json when… → onmark snapshot film.html --frame 42… → …
  • Onmark film.html files
  • SKILL.md covers Work from the project, Author one film, Close the feedback loop and Deliver
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Onmark Video is an agent skill from zihanyang-dev/onmark. Create, edit, validate, inspect, snapshot, review, benchmark, or render deterministic Onmark videos from one HTML screenplay. Use for Onmark film.html files, screenplay timing, semantic video/audio/caption elements, CSS/Canvas/WebGL presentation, seekable frame motion, CLI diagnostics, exact visual feedback, incremental rendering, or delivery and ProRes exports.

Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).

It sits in Game Development, covering Creative writing and fiction and 3D graphics and WebGL. It works with FFmpeg. The repository describes itself as: Write the film. Own every frame. The licence is MIT.

When your agent uses it

  • Onmark film.html files
  • Screenplay timing
  • Semantic video/audio/caption elements
  • CSS/Canvas/WebGL presentation

Example prompts

  • “/onmark-video”

Workflow steps

7 steps, taken from the first numbered list in SKILL.md.

  1. onmark check film.html --json after every structural or timing edit.
  2. onmark inspect film.html --json when reasoning about frames, partitions,
  3. onmark snapshot film.html --frame 42 --json to inspect an exact production
  4. onmark review film.html --json for a static film-wide contact sheet backed
  5. onmark render film.html --output draft.mp4 after selected frames are sound.
  6. Re-run the same command after edits; Onmark reuses only verified unchanged
  7. onmark benchmark film.html --runs 3 --json only for measured performance

What it can do on your machine

Read from SKILL.md and the folder at commit ae455ab. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are html and bash).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Onmark Video loads about 1.2k tokens when it runs. Until then it costs about 94 tokens; SKILL.md has 504 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~94
When it runs · the whole SKILL.md, loaded when a task matches
~1.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from zihanyang-dev/onmark at commit ae455ab, republished under its MIT licence (© zihanyang-dev). 504 words, ~1,158 tokens.

Download SKILL.mdSave it as .claude/skills/onmark-video/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
onmark-video
description
Create, edit, validate, inspect, snapshot, review, benchmark, or render deterministic Onmark videos from one HTML screenplay. Use for Onmark film.html files, screenplay timing, semantic video/audio/caption elements, CSS/Canvas/WebGL presentation, seekable frame motion, CLI diagnostics, exact visual feedback, incremental rendering, or delivery and ProRes exports.

Onmark video

Use the Onmark CLI as the source of truth. Keep authored intent in one HTML screenplay; never reproduce its timing solver in JavaScript or prompt text.

Work from the project

Inspect the existing film.html, adjacent assets, and local conventions before editing. In an Onmark repository checkout, read only the relevant contracts:

  • docs/en/language-specification.md for elements, attributes, timing, and diagnostics;
  • docs/en/presentation-contract.md for CSS, DOM, Canvas, WebGL, and motion;
  • docs/en/architecture.md only when changing a process or package boundary.

Do not add a second presentation file, generated DOM layer, template framework, or free start/end timeline. Do not replace semantic screenplay structure with absolutely positioned track arithmetic.

Author one film

Use ordinary HTML and CSS for presentation. Use om-* elements only for screenplay facts:

html
<style>
  .headline { color: white; font: 700 8vw/1 sans-serif; }
</style>

<om-film>
  <om-scene>
    <om-shot duration="3s">
      <om-title class="headline">Hello, motion.</om-title>
    </om-shot>
  </om-scene>
</om-film>

Prefer content-derived duration when media supplies it. Add an explicit duration only when the screenplay genuinely owns that fact. Use cues and local delay instead of calculating absolute coordinates.

Use one optional inline module for seekable effects:

html
<script type="module" data-om-motion>
  import { frameMotion, interpolate } from "onmark/authoring";

  export const motion = frameMotion({
    title({ element, progress }) {
      element.style.opacity = String(interpolate(progress, [0, 0.2], [0, 1]));
    },
  });
</script>

Every effect must derive its complete state from the requested frame. Never advance mutable time, read wall clocks, depend on prior frames, or use ambient CSS animation. External libraries are acceptable only through an admitted seekable adapter such as onmark/motion/gsap.

Close the feedback loop

Run the cheapest authoritative command that answers the current question:

  1. onmark check film.html --json after every structural or timing edit.
  2. onmark inspect film.html --json when reasoning about frames, partitions, execution paths, or bundle identity.
  3. onmark snapshot film.html --frame 42 --json to inspect an exact production frame before paying for a complete encode. Choose the frame from inspect; do not convert guessed seconds in prompt text.
  4. onmark review film.html --json for a static film-wide contact sheet backed by exact production regions. Compare an edit with --against reviews/<prior>/manifest.json.
  5. onmark render film.html --output draft.mp4 after selected frames are sound.
  6. Re-run the same command after edits; Onmark reuses only verified unchanged regions.
  7. onmark benchmark film.html --runs 3 --json only for measured performance work.
Show full SKILL.md (176 more words)Show less

Treat exit code 1 as authored diagnostics to fix at their reported spans. Treat exit code 2 as an infrastructure failure; preserve its typed message instead of rewriting the screenplay blindly. Never hide a failure by changing tools, capture modes, frame rates, or output profiles.

Use onmark doctor --json to diagnose the local toolchain and onmark info --json to record product identity. Treat a snapshot as pixel evidence, not a replacement for watching the completed motion. Do not invoke Chromium directly or construct a private FFmpeg pipeline.

Deliver

Use .mp4 for H.264/AAC delivery and .mov for edit-friendly ProRes/PCM:

bash
onmark render film.html --output release.mp4
onmark render film.html --output edit.mov

Keep rational rates exact (--fps 30000/1001). Declare SRT, WebVTT, or ASS tracks with film-level om-captions elements; use --captions en,zh only to select an ordered subset. Inspect the finished video rather than claiming visual quality from a successful exit code alone.

Before handing off, report the screenplay path, output path, exact CLI command, diagnostics, frame count, capture mode, graphics backend, output profile, reuse status, and phase timings. State unsupported requirements plainly; do not invent unadmitted syntax or silent fallbacks.

© zihanyang-dev, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file in skills/onmark-video of zihanyang-dev/onmark.

  • SKILL.md
  • agents/openai.yaml

Open the folder on GitHubat commit ae455ab

Compare with similar skills

Onmark Video next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Onmark Video compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Onmark Video this skillzihanyang-dev/onmark126—~1.2kAutomated safety check: PassMIT
Kinetic Reeltuzhechen2005/opus-video-skills137—~1.8kAutomated safety check: PassCustom licence
Add Mouse Driven Orbitnirholas/three.ws2281 repos~1.5kAutomated safety check: PassApache-2.0
Painted Animationtuzhechen2005/opus-video-skills1371 repos~1.9kAutomated safety check: PassCustom licence
Qiaomu Cutjoeseesun/qiaomu-cut-skill372—~6.8kAutomated safety check: NotesMIT
Content To Videoarchitectds/modeldock117—~2.4kAutomated safety check: PassApache-2.0

Similar skills

  • Kinetic Reel

    tuzhechen2005/opus-video-skills

    Make kinetic-typography motion reels (MP4) in code: showreels, portfolio or work reels, product promos, intro films, "motion design"-style videos with bold condensed type, HUD micro-type…

    137 GitHub stars~1.8k tokensUpdated 12 days ago
    Media & CreativeAuto-check passed
  • Add Mouse Driven Orbit

    nirholas/three.ws

    Add restrained mouse-driven orbit and parallax depth to a Three.js hero by damping one pointer target and splitting it across camera translation, look-at, and small object rotations.

    228 GitHub starsUsed in 1 repo~1.5k tokens
    Game DevelopmentAuto-check passed
  • Painted Animation

    tuzhechen2005/opus-video-skills

    Make hand-painted watercolour-and-ink cartoon videos (MP4) with code — p5.js + p5.brush rendered frame by frame in headless Chrome, encoded with ffmpeg — starring Clawd or any character.

    137 GitHub starsUsed in 1 repo~1.9k tokens
    Media & CreativeAuto-check passed
  • Qiaomu Cut

    joeseesun/qiaomu-cut-skill

    把一句话需求转成可复现、可验收视频工程的乔木智能剪辑导演。Use when the user asks to create, plan, edit, remix, explain, narrate, subtitle, animate, composite, or render a video—including one-line requests such as “制作一个科普视频:介绍…

    372 GitHub stars~6.8k tokensUpdated 11 days ago
    Media & CreativeAuto-check: notes
  • Content To Video

    architectds/modeldock

    Turn arbitrary source content (README, article, story, slides, deck, data/report, product description, tutorial text, audio/transcript, or a bare topic) into a finished, high-quality MP4 video.

    117 GitHub stars~2.4k tokensUpdated 3 days ago
    Media & CreativeAuto-check passed
  • Prompt Generator

    LeoYeAI/openclaw-master-skills

    Generate high-quality, customizable AI prompts for various use cases including creative writing, problem-solving, education, business, programming, Flutter development, and game development.

    2.2k GitHub stars~4.3k tokensUpdated 2 mo ago
    Game DevelopmentAuto-check passed

Works with

Questions about Onmark Video

What does Onmark Video do?

Create, edit, validate, inspect, snapshot, review, benchmark, or render deterministic Onmark videos from one HTML screenplay. Onmark Video is an agent skill from zihanyang-dev/onmark. Create, edit, validate, inspect, snapshot, review, benchmark, or render deterministic Onmark videos from one HTML screenplay.

When should I use Onmark Video?

Onmark Video fits situations like: onmark film.html files; screenplay timing; semantic video/audio/caption elements; CSS/Canvas/WebGL presentation.

How do I install Onmark Video in Claude Code?

Run `npx skills add zihanyang-dev/onmark --skill onmark-video -a claude-code`. Or copy the skill folder (skills/onmark-video in zihanyang-dev/onmark) into .claude/skills/onmark-video in your project. Claude Code loads it when a task matches its description.

How do I install Onmark Video in Codex?

Run `npx skills add zihanyang-dev/onmark --skill onmark-video -a codex`. Or copy the skill folder (skills/onmark-video in zihanyang-dev/onmark) into .agents/skills/onmark-video in your project. Codex loads it when a task matches its description.

Can I use Onmark Video in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add zihanyang-dev/onmark --skill onmark-video -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/onmark-video, .gemini/skills/onmark-video, .github/skills/onmark-video and .opencode/skills/onmark-video in your project.

What does Onmark Video need to run?

SKILL.md names no scripts, command-line tools or credentials: Onmark Video is instructions for the agent only.

Does Onmark Video access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Onmark Video safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Onmark Video use?

Onmark Video is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Onmark Video use?

About 1.2k tokens (SKILL.md is roughly 4.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Onmark Video?

Skills that share tags, products or a category with Onmark Video: Kinetic Reel (tuzhechen2005/opus-video-skills, 137 stars), Add Mouse Driven Orbit (nirholas/three.ws, 228 stars), Painted Animation (tuzhechen2005/opus-video-skills, 137 stars) and Qiaomu Cut (joeseesun/qiaomu-cut-skill, 372 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Onmark Video?

zihanyang-dev (a GitHub user) maintains it in zihanyang-dev/onmark, which has 126 GitHub stars. The repository was last updated on August 1, 2026.

Source: zihanyang-dev/onmark on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.