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

100%

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

100%Weight 40%Scale 1-3

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: concrete commands, an explicitly validated numbered workflow, and focused composition rules. No bundle files are present or needed, and the body respects Claude's competence throughout.

Dimension	Reasoning	Score
Conciseness	Lean and command-driven with no padding of concepts Claude already knows (HTML/CSS/JS, MP4); prose only where it adds the workflow contract.	3 / 3
Actionability	Provides copy-paste-ready commands (npx hyperframes init/lint/inspect/preview/render) and concrete data-attribute composition rules rather than abstract direction.	3 / 3
Workflow Clarity	A numbered 1–7 sequence with an explicit validation checkpoint (lint + inspect before render) and a feedback loop (run 'npx hyperframes doctor' on failure).	3 / 3
Progressive Disclosure	Self-contained single file with well-organized sections (Setup, Workflow, Composition Rules, Delivery); no nested references and no content that needs splitting for a skill of this size.	3 / 3
	Total	12 / 12 Passed

Description

100%Weight 40%Scale 1-3

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, third-person description that states concrete capabilities and an explicit, well-populated 'Use for' trigger clause covering many natural request phrasings. It is concise and distinct from other skills.

Dimension	Reasoning	Score
Specificity	Lists multiple concrete actions — 'Create AI videos... using HTML, CSS, and JavaScript compositions, then validate and render them to MP4' — naming build, validate, and render as distinct steps.	3 / 3
Completeness	Explicitly answers both 'what' (create, validate, render to MP4) and 'when' via an explicit 'Use for...' trigger clause equivalent to 'Use when'.	3 / 3
Trigger Term Quality	Covers a broad set of natural terms users would say: 'short video intros, cinematic trailers, product promos, subtitle animations, HUD/tech visuals, web-to-video work, and motion graphics'.	3 / 3
Distinctiveness Conflict Risk	Clearly niche (HyperFrames HTML/CSS/JS → MP4 video rendering in Hermes) with distinct triggers unlikely to fire for unrelated skills.	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: EKKOLearnAI/hermes-studio
Path: packages/skills/hyperframes/SKILL.md
Commit: 33c342e

Reviewed: 10 days 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.