CtrlK
BlogDocsLog inGet started
Tessl Logo

svg-character-animation

Animate SVG character rigs with GSAP, CSS transforms, Remotion frame control, and HyperFrames-compatible browser previews.

64

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 ./.agents/skills/svg-character-animation/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

80%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 lean, well-structured body with executable GSAP examples and good organization, weakened mainly by the absence of an explicit sequenced workflow with a concrete validation command and error-recovery loop.

Suggestions

Turn the patterns into a short sequenced workflow with a concrete validation command (e.g. `npx hyperframes validate ...`) and a fix-and-revalidate feedback loop to raise workflow_clarity above 3.

Make the Remotion snippet self-contained by showing how the timeline is created/paused before `timeline.progress(progress)` is called, so it is copy-paste ready.

DimensionReasoningScore

Conciseness

The body is lean: terse runtime-rule bullets, minimal code fragments, and a compact checklist, with no padding or explanation of concepts Claude already knows; every section earns its place.

5 / 5

Actionability

Browser Pattern gives real executable GSAP with selectors and values, but the Remotion snippet references an undefined `timeline` and the HyperFrames Pattern gives no actual CLI command, leaving minor gaps.

4 / 5

Workflow Clarity

Content is organized into labeled patterns rather than a sequenced workflow; "validate via the HyperFrames CLI before final render" is the only checkpoint and lacks a command or error-recovery loop.

3 / 5

Progressive Disclosure

Under 50 lines with no bundle files and well-organized sections (Runtime Rules, Browser/Remotion/HyperFrames Patterns, Checklist, Sources), satisfying the simple-skill exception for a 5 with no nested references.

5 / 5

Total

17

/

20

Passed

Description

70%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, distinctive description that names concrete tools and a clear niche, but it omits any explicit "Use when..." trigger guidance, leaving the "when" half of completeness unaddressed.

Suggestions

Append a "Use when..." clause, e.g. ". Use when animating SVG character rigs, puppet-style cutout animation, or when the user mentions GSAP, Remotion, or HyperFrames character animation." to lift completeness past the 3 cap.

Add a natural synonym ("character animation" or "rigging") to broaden trigger-term coverage toward a 5.

DimensionReasoningScore

Specificity

"Animate SVG character rigs with GSAP, CSS transforms, Remotion frame control, and HyperFrames-compatible browser previews" names the domain plus several concrete techniques; not a 5 because the only verb is "Animate" so the action set is single rather than comprehensive.

4 / 5

Completeness

The "what" is clear but there is no "Use when..." clause or equivalent explicit trigger guidance, which caps completeness at 3 per the rubric guideline.

3 / 5

Trigger Term Quality

Includes domain-natural terms ("SVG character rigs", "GSAP", "Remotion", "HyperFrames") a user would say; not a 5 because common synonyms like "character animation", "puppet", or "rigging" are absent.

4 / 5

Distinctiveness Conflict Risk

The SVG-character-rig + GSAP/Remotion/HyperFrames combination is a clear niche with distinct triggers and minimal conflict risk with other skills.

5 / 5

Total

16

/

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
calesthio/OpenMontage
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.