CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

video-optimization

Expert guidance on video optimization for web performance. Use when adding, auditing, or improving video on websites - hero/background videos, product demo videos, autoplay loops, GIF-to-video conversion, HLS/adaptive streaming, video posters and thumbnails, lazy loading video, YouTube/Vimeo embed performance, video Core Web Vitals (LCP/CLS/INP), video SEO/schema, or Sirv video hosting and streaming. Covers MP4/WebM/HLS delivery, H.264/VP9/AV1 codec choice, preload strategies, muted autoplay rules, facades for third-party players, and video-to-spin workflows.

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

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

92%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 body: an overview-first structure with actionable tables, complete code patterns, an audit checklist, and explicit verification steps, with detailed material correctly deferred to two well-signaled reference files. The only notable flaw is redundancy between the Red Flags and Fast Audit Checklist sections.

DimensionReasoningScore

Conciseness

Dense and lean overall — checklists, tables, and complete code with almost no concept explanation Claude already knows. However, the Red Flags section restates ~4 items already covered by the Fast Audit Checklist ("A hero <video> with no poster", "Autoplaying video without muted", "Full YouTube/Vimeo iframes loading at page load", "Multi-MB animated GIFs"), which is trimmable duplication.

4 / 5

Actionability

Copy-paste-ready HTML/CSS for the common cases (hero video with poster/sources/reduced-motion fallback, GIF replacement), exact attribute sets ("muted autoplay loop playsinline", "preload='none'|'metadata'"), concrete numbers ("CRF 21-25", "2-4 rung ladder", "No GIFs over ~500KB"), a thumbnail URL pattern for the facade, and a named component ("lite-youtube-embed") instead of hand-rolling. Specific examples cover the common cases.

5 / 5

Workflow Clarity

The Default Workflow is a clear 5-step sequence ending in an explicit validation step ("Verify with evidence: network waterfall... playback on a throttled mobile profile"), backed by a dedicated Verification section with six concrete checks (e.g., "quality switches under throttling instead of stalling") and a Fast Audit Checklist that routes issues to the Decision Matrix for fixes. This auditing skill is not destructive/batch, so no cap applies.

5 / 5

Progressive Disclosure

Clear overview body with a dedicated "When To Read References" section that signals exactly one level of references — [web-video.md](references/web-video.md) and [sirv-video.md](references/sirv-video.md) — each annotated with its contents; both files exist and contain the promised material, with detail (ffmpeg recipes, HLS setup, SMV options) appropriately kept out of the body. Sibling skills are listed for further navigation.

5 / 5

Total

19

/

20

Passed

Description

91%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 with an explicit 'Use when' clause carrying many natural trigger phrases and a concrete list of covered capabilities. Its only deductions are the mildly fluffy 'Expert guidance' lead-in and minor trigger overlap with sibling image/Sirv skills.

DimensionReasoningScore

Specificity

The description lists many concrete covered areas — "Covers MP4/WebM/HLS delivery, H.264/VP9/AV1 codec choice, preload strategies, muted autoplay rules, facades for third-party players, and video-to-spin workflows" — but the lead phrase "Expert guidance on video optimization" is a mildly fluffy framing rather than a concrete action verb, so it sits at 'several specific actions with minor gaps' rather than fully comprehensive.

4 / 5

Completeness

Explicitly answers both parts: what it does ("Covers MP4/WebM/HLS delivery, H.264/VP9/AV1 codec choice, preload strategies...") and when to use it ("Use when adding, auditing, or improving video on websites - hero/background videos... GIF-to-video conversion..."). Concrete trigger phrases attach to the 'Use when' clause, matching the top anchor.

5 / 5

Trigger Term Quality

Comprehensive natural trigger phrases users would actually say: "hero/background videos", "product demo videos", "autoplay loops", "GIF-to-video conversion", "video posters and thumbnails", "lazy loading video", "YouTube/Vimeo embed performance", "video Core Web Vitals (LCP/CLS/INP)", plus technical terms (MP4/WebM/HLS, H.264/VP9/AV1) and host names. Matches the comprehensive-synonyms anchor.

5 / 5

Distinctiveness Conflict Risk

Clear web-video niche with distinct triggers, but "video posters and thumbnails" and "video-to-spin workflows" overlap with closely related sibling skills (image-optimization, sirv-360-spin), and "video SEO/schema" could pull generic SEO requests. Mostly distinct with minor overlap risk — fits the 4 anchor better than the minimal-conflict 5 anchor.

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

IgorVaryvoda/image-optimization-skill

Path

skills/video-optimization/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.