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.

72

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

75%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.

The content is a strong, actionable overview with executable render and verification commands and a clear capture-to-verify workflow. It loses a point mainly for slight explanatory padding and a one-pass verification step rather than an explicit retry loop.

Suggestions

Add an explicit 'if verification fails, fix the config/frames and re-run render, then re-verify' feedback loop after the Verification checklist to strengthen the workflow.

Tighten the Dependency Model section by removing justifications like 'This does not require a screen-recording MCP' and stating the layer responsibilities more tersely.

Replace placeholder '/path/to/browser-video-recording/...' in the render commands with a relative script reference or note the install location convention.

DimensionReasoningScore

Conciseness

The body is well-organized and mostly lean with no elementary concept filler, but contains some explanatory padding around fallbacks (e.g., 'This does not require a screen-recording MCP', the dependency-model rationale) that could be trimmed slightly.

4 / 5

Actionability

It provides concrete, mostly copy-paste-ready commands for rendering, template generation, and ffprobe/ffmpeg verification, plus a documented config schema; the use of placeholder '/path/to/...' paths is the main minor gap.

4 / 5

Workflow Clarity

The capture → render → verify sequence is clear with an explicit verification checklist (ffprobe stream/format checks, thumbnail inspection), but it lacks a formal validate-fix-retry feedback loop rather than a one-pass validation checklist.

4 / 5

Progressive Disclosure

The body is a well-sectioned overview that clearly signals the single bundled script (scripts/render_browser_demo.py, verified present) and documents config fields inline, with no nested reference chains; organization is good with only minor room to externalize more detail.

4 / 5

Total

16

/

20

Passed

Description

100%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.

The description is exemplary: it states concrete capabilities, provides rich natural trigger phrasing with synonyms, answers both 'what' and 'when' explicitly, and occupies a clearly distinct niche. Third-person voice is used throughout with no first/second person.

DimensionReasoningScore

Specificity

The description enumerates multiple concrete capabilities—'browser-only crop, natural macOS cursor styling, deliberate click choreography, zoom-follow framing, ffprobe/thumbnail verification, and optional native recording compatibility checks'—giving comprehensive, non-abstract coverage of what the skill does.

5 / 5

Completeness

It explicitly answers 'what' (create polished 60fps 4:3 4K browser screen-recording style videos with the listed features) and 'when' with concrete, explicit trigger phrasing, satisfying the top anchor on both axes.

5 / 5

Trigger Term Quality

The 'Use when' clause covers natural trigger phrases and synonyms across user intents: 'record or re-record browser actions', 'show cursor clicks and zooms', 'make Dribbble/UI inspiration or product demo recordings', and the Codex/Playwright/MCP question variant.

5 / 5

Distinctiveness Conflict Risk

The niche is clearly scoped to Codex in-app browser demo videos with distinct triggers and named tools (Codex, Playwright, MCP), minimizing overlap with generic recording or browser skills.

5 / 5

Total

20

/

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.

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.