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.

71

Quality

87%

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

86%Weight 40%Scale 1-5

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

Excellent content quality: every command is copy-paste executable and verified against the bundled script, the capture-to-verification workflow is clearly sequenced with a verification checklist, and detail is appropriately delegated to the script. The only improvements are trimming minor repetition and adding recovery guidance for failed verification checks.

DimensionReasoningScore

Conciseness

The body is directive and lean with no concept explanations, but has minor redundancy: '4K 4:3 means 3840x2880' appears in two sections and the viewport reset is stated twice (Capture Workflow and Verification).

4 / 5

Actionability

Fully executable guidance throughout: copy-paste render/ffprobe/ffmpeg commands, exact config keys, concrete defaults (cursor scale 3.0, click strength 15, 1920x1440 viewport), and screenshot naming patterns — all verified to match the bundled script's actual flags and config keys.

5 / 5

Workflow Clarity

A clear dependency-model → capture → render → verify sequence exists with an explicit verification checklist, but there is no error-recovery feedback loop telling Claude what to do if an ffprobe/thumbnail check fails.

4 / 5

Progressive Disclosure

The rendering logic is appropriately split into the real, correctly referenced one-level-deep bundle script (discoverable via --write-template), while SKILL.md stays a well-sectioned usage overview with compact inline config documentation and unambiguous navigation.

5 / 5

Total

18

/

20

Passed

Description

88%Weight 40%Scale 1-5

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 description: highly specific capabilities with exact technical parameters, an explicit and concrete 'Use when...' clause, and third-person voice throughout. The only gaps are a few missing natural synonyms (screencast, screen capture) and slight trigger overlap with generic video-recording skills.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions with exact parameters — '60 fps 4:3 4K browser screen-recording style videos', 'browser-only crop', 'natural macOS cursor styling', 'zoom-follow framing', 'ffprobe/thumbnail verification', 'optional native recording compatibility checks' — giving comprehensive coverage of the skill's capabilities.

5 / 5

Completeness

It explicitly answers both what (the full first sentence of concrete capabilities) and when ('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') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Natural trigger phrases like 'record or re-record browser actions', 'show cursor clicks and zooms', 'Dribbble/UI inspiration or product demo recordings' are present, but common synonyms such as 'screencast' or 'screen capture' are missing.

4 / 5

Distinctiveness Conflict Risk

The Codex in-app-browser-to-rendered-demo-video niche is clearly distinct, but broad triggers like 'product demo recordings' create minor overlap risk with a generic screen- or video-recording skill.

4 / 5

Total

18

/

20

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.

Validation — 16 / 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.