svg-character-animation

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

Quality

73%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./.agents/skills/svg-character-animation/SKILL.md

Quality

Content

85%

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

The body is concise, actionable, and well-organized for a simple single-purpose skill, with executable code and a useful quality checklist. Its main gap is workflow clarity — there is no explicit sequence with validation/retry checkpoints for the fragile frame-driven render flow.

Suggestions

Add a short numbered end-to-end workflow (set pivots → build paused timeline → drive from frame → validate via HyperFrames CLI → render) with an explicit 'if validation fails, fix and re-validate before render' checkpoint.

Make the Remotion frame-control rule a concrete code-level invariant check rather than only a prose rule, so the validation step is executable.

Clarify the HyperFrames CLI command (the actual invocation) so the validation step is copy-paste ready rather than described.

Dimension	Reasoning	Score
Conciseness	The body is lean: short runtime rules, minimal code snippets, and a checklist — every line earns its place and it assumes Claude's competence rather than explaining what SVG/GSAP/Remotion are. It matches the 'lean and efficient; every token earns its place' anchor.	3 / 3
Actionability	It provides concrete, executable guidance — a real GSAP timeline snippet with real selectors, a Remotion `useCurrentFrame`/`timeline.progress` snippet, and a HyperFrames CLI validation step — copy-paste ready rather than pseudocode, matching the fully-executable anchor.	3 / 3
Workflow Clarity	Runtime rules and patterns are listed and the quality checklist gives end-state checks, but there is no explicit step sequence with validation checkpoints or a fix→retry feedback loop for the fragile Remotion/HyperFrames render path, so it sits at 'steps present but checkpoints missing/implicit'.	2 / 3
Progressive Disclosure	At well under 50 lines with no bundle files and clearly organized sections (Runtime Rules, Browser/Remotion/HyperFrames Patterns, Checklist, Sources), it qualifies as a simple skill where good organization alone earns a 3; references are external URLs, clearly signaled and one level deep.	3 / 3
	Total	11 / 12 Passed

Description

62%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is specific and tool-rich, clearly conveying what the skill does, but it lacks an explicit 'Use when...' trigger clause and only partially covers the natural vocabulary users would say. Adding a trigger clause with common terms would lift completeness and distinctiveness.

Suggestions

Append a 'Use when...' clause naming concrete triggers, e.g. 'Use when animating SVG character rigs, puppeting SVG parts, or rendering character animation for Remotion/HyperFrames.'

Add natural user-facing terms like 'character rig', 'puppet', 'animate an SVG character' alongside the tool names to broaden trigger coverage.

Keep the third-person voice (it already does) but lead with the trigger scenario before the tool list to sharpen distinctiveness from generic motion-graphics skills.

Dimension	Reasoning	Score
Specificity	The description names multiple concrete actions — 'Animate SVG character rigs with GSAP, CSS transforms, Remotion frame control, and HyperFrames-compatible browser previews' — listing specific tools and the animation techniques applied, matching the anchor for listing multiple specific concrete actions.	3 / 3
Completeness	It clearly answers 'what does this do' (animate SVG character rigs with named tools) but never states 'when' to use it — there is no 'Use when...' clause or equivalent trigger guidance, which caps completeness at 2 per the guidelines.	2 / 3
Trigger Term Quality	It surfaces some natural terms a user might say ('SVG', 'GSAP', 'character', 'animation'), but it omits common variations users would naturally invoke (e.g. 'rig', 'puppet', 'animate a character', 'animate an SVG') and leans on technical jargon like 'HyperFrames-compatible browser previews'.	2 / 3
Distinctiveness Conflict Risk	The SVG-character-rig niche is fairly specific and unlikely to conflict broadly, but without explicit 'when' triggers and with generic animation framing it could still overlap with other animation or motion-graphics skills, so it lands at the 'somewhat specific but could overlap' anchor.	2 / 3
	Total	9 / 12 Passed

Validation

100%

Warnings & errors only

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: calesthio/OpenMontage
Path: .agents/skills/svg-character-animation/SKILL.md
Commit: 0af32ce

Reviewed: 1 day ago

Table of Contents

Discovery Implementation Validation

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.