CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

website-to-video

Capture a general website/URL and turn it into a HyperFrames video (site tour, showcase, or social clip from the site's own visuals). Uses headless Chrome screenshots + brand assets. Use when intent is general — portfolio/blog/landing-page showcase or social clip from the site. NOT for: product/SaaS launch or promo (→ /product-launch-video, even from a URL); topic explainer with no site (→ /faceless-explainer); GitHub PR (→ /pr-to-video); adding captions to existing video (→ /embedded-captions); short unnarrated page-highlight motion graphic (→ /motion-graphics). Unclear launch-vs-general-site? Ask one question or start at /hyperframes.

74

Quality

93%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

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

A well-orchestrated skill body: a gated 7-step pipeline with explicit validation checkpoints, feedback loops, and clean delegation of detail to real, well-organized reference files. The only weaknesses are minor redundancy in the autonomous-mode and routing passages and a bare `design-styles.json` mention without a path.

Suggestions

Trim the meta-reasoning paragraph after the non-skippable-gates list ("If you find yourself reasoning... that reasoning is wrong") — the rule it re-explains is already stated explicitly two paragraphs earlier.

Give `design-styles.json` its path (capture/extracted/design-styles.json) at its first mention in Step 1, or defer the mention entirely to step-1-design.md where the path is defined.

The Step 6 sign-off line ("would I post this on social media with my name on it?") could be folded into the existing Gate line as a single clause to save tokens without losing the quality bar.

DimensionReasoningScore

Conciseness

The step/gate skeleton and Quick Reference tables are dense and earn their tokens, but there are minor instances of over-explanation that could be trimmed: the paragraph "If you find yourself reasoning 'auto mode says bias toward action, so I'll skip X'... that reasoning is wrong" restates the autonomous-mode rule already made two paragraphs earlier, the routing blockquote repeats the frontmatter's NOT-for list nearly verbatim, and "Deliver something you're proud of... would I post this on social media with my name on it?" is motivational padding. It is not a 3 because there is no explanation of concepts Claude already knows and the bulk is efficient; not a 5 because of those few redundant passages.

4 / 5

Actionability

The body provides concrete, executable anchors: `npx hyperframes auth status` with a verbatim-output protocol, the snapshot formula `max(beats × 3, ceil(duration_seconds / 2))`, exact format dimensions, lint/validate zero-error gates, and explicit gate criteria like "`DESIGN.md` exists (any length) with at minimum: color palette, font choices, and do's/don'ts". It is not a 5 because most execution specifics (capture command, TTS pipeline, build patterns) are delegated to reference files, and `design-styles.json` is mentioned without a path, resolvable only inside step-1-design.md; it is not a 3 because the commands, formulas, and gate criteria present are directly executable.

4 / 5

Workflow Clarity

Seven strictly sequenced steps each produce an artifact that gates the next ("Each produces an artifact that gates the next"), every step ends with an explicit **Gate:** checkpoint, user-approval gates (Steps 3–4) are marked, feedback loops exist ("Iterate until they approve", "Fix issues before delivering"), and non-skippable verification checkpoints with checklists (Asset Audit, per-beat HTML read, DoD checklist with per-warning WCAG verification) are enumerated. It is not a 4 because validation is explicit at every step rather than only mostly present.

5 / 5

Progressive Disclosure

The body is a lean overview with clearly signaled one-level-deep references: each step opens with a "**Read:** [references/step-N-*.md]" pointer, and a Reference Files table with a "When to read" column maps every bundled reference to its step; all nine reference files exist, and scripts/w2h-verify.mjs, assets/sfx, and beat-builder-guide.md are properly reachable one hop inside their step files. It is not a 4 because the split is appropriate and navigation is easy — the second-level detail (beat-builder-guide.md) is deliberately and correctly hidden behind step-5-build.md rather than inlined.

5 / 5

Total

18

/

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.

An exemplary routing description: it states concrete capabilities, an explicit 'Use when' trigger with natural phrasing, and a complete NOT-for routing list with a tie-breaker for the ambiguous case. Third-person voice is consistent throughout, and every token works toward trigger matching rather than padding.

DimensionReasoningScore

Specificity

The description names multiple concrete actions — "Capture a general website/URL and turn it into a HyperFrames video (site tour, showcase, or social clip from the site's own visuals)" plus the mechanism "Uses headless Chrome screenshots + brand assets" — covering the skill's capability space comprehensively. It is not a 4 because the capture→video pipeline, its three output types, and its tooling are all explicitly stated with no coverage gap.

5 / 5

Completeness

Both questions are explicitly answered with concrete trigger phrases: what ("Capture a general website/URL and turn it into a HyperFrames video (site tour, showcase, or social clip...)") and when ("Use when intent is general — portfolio/blog/landing-page showcase or social clip from the site"). It is not a 4 because the 'when' is fully explicit rather than merely present, matching the anchor-5 example structure.

5 / 5

Trigger Term Quality

Natural trigger terms are comprehensive: "website/URL", "site tour", "showcase", "social clip", "portfolio/blog/landing-page showcase", plus the near-miss phrases users say for exclusions ("product/SaaS launch or promo", "topic explainer", "GitHub PR", "adding captions", "motion graphic"). It is not a 4 because synonym coverage (website, URL, site, landing-page, portfolio, blog) spans the natural phrasings users would actually use for this need.

5 / 5

Distinctiveness Conflict Risk

The description carves a clear niche (general-site-to-video) and actively de-conflicts with an explicit "NOT for:" routing list to five sibling skills plus a tie-breaker ("Unclear launch-vs-general-site? Ask one question or start at /hyperframes"). It is not a 4 because conflict risk is not just reduced but preemptively resolved for the exact ambiguous case.

5 / 5

Total

20

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 2 suspicious

Warning

Total

15

/

16

Passed

Repository

calesthio/OpenMontage

Path

.agents/skills/website-to-video/SKILL.md

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.