hyperframes

Create HTML-based video compositions, animated title cards, social overlays, captioned talking-head videos, audio-reactive visuals, and shader transitions using HyperFrames. HTML is the source of truth for video. Use when the user wants a rendered MP4/WebM from an HTML composition, wants to animate text/logos/charts over media, needs captions synced to audio, wants TTS narration, or wants to convert a website into a video.

Quality

100%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Low

Low-risk findings worth noting

Quality

Content

100%

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

A tightly-written, highly actionable skill body with a clear sequenced procedure, explicit validation checkpoints, and well-structured progressive disclosure into real reference files. It assumes Claude's competence and focuses entirely on HyperFrames-specific knowledge.

Dimension	Reasoning	Score
Conciseness	Every line is skill-specific — CLI commands, engine gotchas, GSAP timeline contracts, data-attribute rules — with no generic explanations of concepts Claude already knows; detail is dense but each token earns its place.	3 / 3
Actionability	Provides fully executable commands (npx hyperframes init/lint/validate/inspect/render, ffprobe, ffmpeg) and copy-paste GSAP patterns with exact flags and code, matching the 'copy-paste ready' anchor.	3 / 3
Workflow Clarity	An explicit 8-step procedure with a HARD-GATE checkpoint and a Verification section containing lint->validate->inspect feedback loops plus error-recovery guidance ('If render fails, run doctor').	3 / 3
Progressive Disclosure	SKILL.md is a well-organized overview with one-level-deep references to real files (composition.md, cli.md, gsap.md, features.md, website-to-video.md, troubleshooting.md), each clearly signaled with its contents in a References section.	3 / 3
	Total	12 / 12 Passed

Description

100%

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 precise, third-person description that names concrete capabilities and pairs them with explicit, naturally-worded trigger conditions. It clearly separates what the skill does from when to invoke it, with minimal fluff.

Dimension	Reasoning	Score
Specificity	Lists multiple concrete actions — 'HTML-based video compositions, animated title cards, social overlays, captioned talking-head videos, audio-reactive visuals, and shader transitions' — matching the rubric's 'lists multiple specific concrete actions' anchor.	3 / 3
Completeness	Explicitly answers both what (the creation actions) and when via a dedicated 'Use when the user wants...' clause with multiple explicit triggers, matching the top anchor.	3 / 3
Trigger Term Quality	Covers natural user phrasings — 'rendered MP4/WebM', 'animate text/logos/charts over media', 'captions synced to audio', 'TTS narration', 'convert a website into a video' — terms a user would actually say.	3 / 3
Distinctiveness Conflict Risk	The HTML-as-source-of-truth video niche and explicit render/animation triggers give it a clear, narrow scope unlikely to fire for the wrong skill.	3 / 3
	Total	12 / 12 Passed

Validation

81%

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 — 13 / 16 Passed

Validation for skill structure

Criteria	Description	Result
metadata_version	'metadata.version' is missing	Warning
metadata_field	'metadata' should map string keys to string values	Warning
frontmatter_unknown_keys	Unknown frontmatter key(s) found; consider removing or moving to metadata	Warning

	Total	13 / 16 Passed

Repository: NousResearch/hermes-agent
Path: optional-skills/creative/hyperframes/SKILL.md
Commit: 4c9628e

Reviewed: about 14 hours 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.