CtrlK
BlogDocsLog inGet started
Tessl Logo

motion-graphics

A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI animation (scroll, cursor, callouts), or fusing a real image's geometry into a chart. Usually under 10s (up to ~30s), no narration or live-action subject; renders to MP4 or transparent overlay. Longer / narrated / multi-scene → /general-video. Unclear → /hyperframes.

66

Quality

80%

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

Fix and improve this skill with Tessl

tessl review fix ./skills/motion-graphics/SKILL.md
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-structured, highly actionable dispatch skill with clear sequencing, explicit validation and repair feedback loops, and clean one-level-deep reference navigation. The only soft spots are a few illustrative/placeholder commands and a maintainer-only notes section adding non-execution tokens.

DimensionReasoningScore

Conciseness

Dense and mostly token-efficient — tables, terse operational prose, and concrete commands with little concept-explanation fluff — but the maintainer-only 'Design notes' section and a few routing/intent prose passages could be trimmed.

4 / 5

Actionability

Concrete, copy-paste-ready commands for every Bash phase ('npx hyperframes init', 'lint', 'check', 'snapshot', 'preview', 'render') plus a validation one-liner and a JSON schema; minor gaps remain (the source command is explicitly 'illustrative' and several commands carry placeholders like '<proof-times>', '<SKILL_DIR>').

4 / 5

Workflow Clarity

Steps 0–6 are clearly sequenced with explicit validation checkpoints (Step 1 existence check, Step 5 lint/check/snapshot with a repair feedback loop that re-runs the failed gate) and a resume table for state recovery — satisfying the destructive/batch feedback-loop expectation.

5 / 5

Progressive Disclosure

The body is a dispatch overview pointing one level deep to clearly signaled detail files (agents/*.md, phases/source/guide.md, categories/<id>/module.md, references/motion-vocabulary.md, shot-plan-ir.md, builder-contract.md, catalog-map.md), and the bundled references that exist are real and referenced.

5 / 5

Total

18

/

20

Passed

Description

75%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 specific, well-scoped description with concrete capability enumeration and strong sibling-disambiguation routing. Its main weakness is the absence of an explicit positive 'Use when…' trigger clause, relying instead on negative routing to imply when it applies.

Suggestions

Add an explicit positive trigger clause, e.g. 'Use when the user wants a short, unnarrated design-led motion graphic (kinetic type, stat, chart, logo sting, lower-third, map, tweet/news/webpage animation).'

Include common synonyms/file extensions users might say ('video', '.mp4', '.webm') alongside 'MP4' and 'transparent overlay'.

DimensionReasoningScore

Specificity

Lists multiple concrete action types — 'kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map…, animated tweet / news-article / headline, webpage / UI animation…, or fusing a real image's geometry into a chart' — giving comprehensive coverage of what the skill produces.

5 / 5

Completeness

The 'what' is clear and detailed, but there is no explicit positive 'Use when…' clause; the only trigger guidance is negative routing ('Longer / narrated / multi-scene → /general-video. Unclear → /hyperframes'), so per the missing-trigger-clause cap, completeness does not exceed 3.

3 / 5

Trigger Term Quality

Strong natural domain vocabulary users would actually say ('motion graphic', 'kinetic typography', 'logo sting', 'lower-third', 'stat count-up', 'animated map', 'MP4', 'transparent overlay'), but a few generic synonyms/extensions (e.g. 'video', '.mp4', '.webm') are absent.

4 / 5

Distinctiveness Conflict Risk

A clearly delineated niche ('short, design-led, unnarrated motion graphic… Usually under 10s… no narration or live-action subject') with explicit routing away from siblings minimizes conflict risk.

5 / 5

Total

17

/

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.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

referenced_paths_exist

Referenced path issues: 5 missing

Warning

Total

15

/

16

Passed

Repository
heygen-com/hyperframes
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.