hyperframes

Create AI videos with HyperFrames in Hermes using HTML, CSS, and JavaScript compositions, then validate and render them to MP4. Use for short video intros, cinematic trailers, product promos, subtitle animations, HUD/tech visuals, web-to-video work, and motion graphics.

Quality

92%

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

Quality

Content

92%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 tight, executable skill body: a sequenced workflow with real validation gates, concrete commands and composition rules, and clean section structure with no unnecessary padding. The only minor opportunity is trimming a few explanatory sentences.

Dimension	Reasoning	Score
Conciseness	The body is efficient and assumes Claude's competence — commands are shown directly without explaining what Node or FFmpeg are — though a few phrasings like 'HyperFrames treats HTML as the video source of truth' and the delivery preamble could be marginally tighter.	4 / 5
Actionability	Provides copy-paste-ready executable commands for every stage (init, lint, inspect --samples 15, preview, render with --quality flags) plus concrete composition rules with exact data attributes and API surface (window.__timelines), covering the common cases.	5 / 5
Workflow Clarity	A numbered seven-step workflow with explicit validation checkpoints ('Validate before rendering' running lint + inspect, doctor for failures) and a feedback-style gate stating the task is only complete after lint/inspect and render — clear sequence with validation for a potentially batch/long-running operation.	5 / 5
Progressive Disclosure	The skill is well under 50 lines with no bundle files; the body is organized into clear single-purpose sections (Setup, Workflow, Composition Rules, Delivery) so navigation is easy and there is no monolithic wall of text, satisfying the simple-skill exception for a top score.	5 / 5
	Total	19 / 20 Passed

Description

92%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 strong, well-targeted description that pairs concrete capabilities with an explicit 'Use for' trigger list and natural scenario keywords. It is concise, third-person, and avoids vague fluff or over-claims.

Dimension	Reasoning	Score
Specificity	Lists several specific concrete actions — 'Build video scenes as HTML compositions', 'validate the layout', 'render the result to MP4', plus concrete output types — with only minor coverage gaps around the underlying CSS/JS animation tooling.	4 / 5
Completeness	Explicitly answers both 'what' (create, validate, render HTML/CSS/JS compositions to MP4) and 'when' via a concrete 'Use for...' clause enumerating the specific scenarios, matching the anchor for a clear what-and-when pair with concrete triggers.	5 / 5
Trigger Term Quality	Comprehensive natural trigger coverage including synonyms and concrete variants users would say: 'video intros', 'cinematic trailers', 'product promos', 'subtitle animations', 'HUD/tech visuals', 'motion graphics', 'web-to-video'.	5 / 5
Distinctiveness Conflict Risk	Occupies a clear niche (HTML/CSS/JS-to-MP4 video rendering via HyperFrames in Hermes) with distinctive triggers like 'HUD/tech visuals' and 'web-to-video' that are unlikely to overlap with other skills.	5 / 5
	Total	19 / 20 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: EKKOLearnAI/hermes-studio
Path: packages/skills/hyperframes/SKILL.md
Commit: c990be4

Reviewed: ~6 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.