CtrlK
BlogDocsLog inGet started
Tessl Logo

browser-video-recording

Create polished 60 fps 4:3 4K browser screen-recording style videos from Codex in-app browser captures, with browser-only crop, natural macOS cursor styling, deliberate click choreography, zoom-follow framing, ffprobe/thumbnail verification, and optional native recording compatibility checks. Use when the user asks to record or re-record browser actions, show cursor clicks and zooms, make Dribbble/UI inspiration or product demo recordings, or asks whether Codex, Playwright, or an MCP can produce a natural browser demo video.

75

Quality

92%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

85%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-structured, actionable skill body with executable commands, a clear capture-to-verify workflow, and appropriate offloading to a bundled script. Its main weakness is mild redundancy in the dependency/fallback prose that could be consolidated.

Suggestions

Consolidate the fallback narrative: state once in Dependency Model how the screenshot renderer is the fallback when a native recorder is unavailable, then reference it rather than re-explaining in Self-Contained Execution and Optional Native Recorder Support.

Tighten Motion Rules prose (e.g., 'Make the cursor feel purposeful:') into direct imperatives so the bulleted rules stand on their own without the framing sentence.

Consider moving the full config field reference (shots, scene_starts, cursor_keys, etc.) into the script's --write-template output or a short reference snippet, keeping SKILL.md focused on the workflow.

DimensionReasoningScore

Conciseness

Mostly efficient and free of generic concept explanations, but the fallback/dependency story is restated across 'Dependency Model', 'Self-Contained Execution', and 'Optional Native Recorder Support', and prose like 'Make the cursor feel purposeful' could be tightened; it is not the lean every-token-earns-its-place level-3 example.

2 / 3

Actionability

Provides copy-paste-ready executable commands (render, --write-template, ffprobe, ffmpeg thumbnail) plus a concrete preferred-defaults JSON config and named screenshot conventions, matching the fully-executable anchor.

3 / 3

Workflow Clarity

Sequences the layers from capture to render to verification, and the Verification section is an explicit checklist with ffprobe + thumbnail inspection; checkpoints (reset viewport, confirm resolution/fps) are present, not merely implied.

3 / 3

Progressive Disclosure

SKILL.md is an overview that offloads heavy logic to the bundled, one-level-deep scripts/render_browser_demo.py (a real file), with clear section organization and signaled references rather than a monolithic wall of text.

3 / 3

Total

11

/

12

Passed

Description

100%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong, third-person description that conveys concrete capabilities and explicit use-when triggers with good natural keyword coverage. It is specific enough to avoid overlap with other skills.

DimensionReasoningScore

Specificity

Lists many concrete actions — 'browser-only crop, natural macOS cursor styling, deliberate click choreography, zoom-follow framing, ffprobe/thumbnail verification' — matching the multiple-specific-actions anchor; not the level-2 single-domain example.

3 / 3

Completeness

Explicitly answers both 'what' (Create polished 60 fps 4:3 4K ... videos) and 'when' (Use when the user asks to record ...), with an explicit 'Use when' trigger clause, so it is not capped at 2.

3 / 3

Trigger Term Quality

Covers natural user phrasings such as 'record or re-record browser actions, show cursor clicks and zooms, make Dribbble/UI inspiration or product demo recordings'; these are terms a user would actually say, not jargon.

3 / 3

Distinctiveness Conflict Risk

The niche is narrow and clearly scoped to Codex in-app browser captures and demo-style video rendering, with triggers unlikely to collide with other skills.

3 / 3

Total

12

/

12

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
MengTo/Skills
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.