CtrlK
BlogDocsLog inGet started
Tessl Logo

animated-content

Use when auditing slow page loads, heavy assets, or rendering delays related to Convert animated GIFs to video. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

63

Quality

75%

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

Fix and improve this skill with Tessl

tessl review fix ./skills/animated-content/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%

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

A simple, well-organized skill with good progressive disclosure via a single clearly-signaled reference. Its weaknesses are restated common knowledge, lack of an executable conversion/code example, and absence of explicit validation checkpoints in the Check/Fix workflow.

Suggestions

Add a copy-paste-ready example: the optimized <video> markup and an ffmpeg command (e.g. `ffmpeg -i animation.gif -movflags faststart -pix_fmt yuv420p -vf "fps=15,scale=320:-1" animation.mp4`) to lift actionability to 3.

Add an explicit validation checkpoint in Check (e.g. flag GIFs above a size threshold or count) and a verify step in Fix (confirm the video autoplays/loops and is smaller) to lift workflow clarity.

Trim the intro and Quick Reference lines that restate that GIFs are larger/slower than video — Claude already knows this — to tighten conciseness.

DimensionReasoningScore

Conciseness

Mostly efficient, but the intro and Quick Reference restate concepts Claude already knows ('GIFs are significantly larger than MP4/WebM', 'Videos allow for better control and performance') and the Explain section directs explaining familiar concepts.

2 / 3

Actionability

Gives concrete formats and the specific <video> attributes (autoplay, loop, muted, playsinline), but provides no executable code example or conversion command (e.g. an ffmpeg line or a copy-paste <video> snippet).

2 / 3

Workflow Clarity

Check→Fix→Explain→Code Review is a clear sequence, but there are no explicit validation checkpoints (e.g. confirm the GIF exceeds a size threshold before converting, verify the video autoplays correctly).

2 / 3

Progressive Disclosure

A concise, well-sectioned body that clearly signals one well-organized one-level-deep reference (references/rule.md, verified to contain no nested references) for full details.

3 / 3

Total

9

/

12

Passed

Description

92%

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 explicit 'Use when...' triggers, concrete tools, and multiple named actions. Its main weakness is that the generic performance-audit framing could conflict with sibling performance skills, and the skill name is awkwardly embedded mid-sentence.

Suggestions

Front-load the distinctive GIF→video niche (e.g. 'Convert large animated GIFs to MP4/WebM video. Use when a page uses large GIFs causing slow loads, high bandwidth, or poor scrolling...') so the skill's distinct purpose leads the description.

Lead the trigger with the specific trigger ('when the page uses large animated GIFs') before the generic perf-audit framing to reduce overlap with other performance skills.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — auditing slow page loads/heavy assets/rendering delays and verifying the bottleneck in DevTools, Lighthouse, or field data — rather than vague language.

3 / 3

Completeness

Explicitly answers both what (audit/verify/recommend changes related to GIF→video) and when via a 'Use when...' clause, though the embedded 'Convert animated GIFs to video' phrase makes the what slightly muddled.

3 / 3

Trigger Term Quality

Includes natural terms a user would say ('slow page loads', 'heavy assets', 'rendering delays', 'DevTools', 'Lighthouse') with good coverage.

3 / 3

Distinctiveness Conflict Risk

The GIF-to-video niche is distinct, but the generic performance-audit triggers ('slow page loads', 'heavy assets', 'rendering delays') could overlap with other performance skills.

2 / 3

Total

11

/

12

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.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
thedaviddias/Front-End-Checklist
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.