Agent skill · frontend-design · heygen-com

hyperframes-registry agent skill by heygen-com

Search, install, and wire registry blocks and components into HyperFrames compositions. Use BEFORE hand-building any named visual — whenever a brief, a user, or a storyboard names a look, effect, treatment, or transition such as CRT scanlines, glitch, chromatic aberration, film grain, a shimmer sweep, a chart, a code or terminal window, a map, or a confetti burst — because roughly 400 hosted items already cover many of them and the search ranks all of them with nothing installed, no project, and no account. Also use when running hyperframes add or hyperframes catalog, installing one item or every block matching a tag, wiring an installed item into index.html, or working with hyperframes.json. Covers discovery, install locations, block sub-composition wiring, component snippet merging, and authoring a new block or component to contribute upstream (idea → scaffold → validate → PR).

Source and license

Publisherheygen-com
Repositoryheygen-com/hyperframes
LicenseApache-2.0
Snapshot2026-10-22
Last repository commit2026-10-19
Instruction size1,288 words; 142 lines
Bundled files12

Read the publisher’s SKILL.md

Suede Skill Check: 78/100 · C

Report snapshot · · graded-v2

The rubric totals 100 points; published scores are capped at 99. Security scan: not scanned.

Source revision: cddb34feacf5. Report version 7fadc863bc2f. Badge URLs follow the latest listing; save the report to keep this version.

Download report · Request a fresh review

What to review next

  • Boundary clause: 0 of 4 points. 4 when the description says when not to use the skill (“Not for …”, “Do not use …”, “Use … instead”).
  • Example request: 0 of 3 points. 3 when the description quotes an example request (3–60 characters in quotation marks).
  • Description length: 3 of 5 points. 5 for 150–600 characters; 3 for 100–900; 1 for 50–1,024.

Add declarations and bundled files when they describe the skill’s actual needs. Update the source, then request a fresh review with the changed commit or PR.

ComponentPoints earnedAvailable
Structural checks5656
Description length35
Boundary clause04
Example request03
Instruction depth77
Reference files33
Bundled scripts02
Recent maintenance99
Curated-list citations07
Tool permissions declared02
Compatibility declared02

The published score is capped at 99. It measures the published files, documentation and maintenance signals. Security scan: not scanned. This assessment does not include a runtime test or a full installation-dependency review.

Install hyperframes-registry

The skills CLI works with Claude Code, Codex, Cursor and other agents; the other routes copy the folder by hand.

Skills CLI
npx skills add https://github.com/heygen-com/hyperframes/tree/main/skills/hyperframes-registry
Claude Code, project-level copy
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/heygen-com/hyperframes.git "$tmp/repo"
mkdir -p .claude/skills
cp -R "$tmp/repo/"skills/hyperframes-registry .claude/skills/
rm -rf "$tmp"
Codex, project-level copy
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/heygen-com/hyperframes.git "$tmp/repo"
mkdir -p .agents/skills
cp -R "$tmp/repo/"skills/hyperframes-registry .agents/skills/
rm -rf "$tmp"

For a user-level install, copy the folder to ~/.claude/skills/ (Claude Code) or ~/.agents/skills/ (Codex). Inside Codex, $skill-installer can also fetch a skill from GitHub. New to skills? Read How to install agent skills in Claude Code, Codex and Cursor.

heygen-com/hyperframes is third-party code. Read SKILL.md and any bundled scripts before you install it.

Show the listing and raise the score

hyperframes-registry is listed with 78/100 · C. This badge links to its Suede AI listing. Skills scoring 80–99 add a numeric and a letter quality shield; the largest open points for hyperframes-registry are boundary clause (4), example request (3) and bundled scripts (2). Send your repository and the points you want to raise, then request a fresh review after updating the skill. Publishers: read How to get your agent skill found in search and cited by AI assistants.

Suede AI Skills Directory: listed

Markdown
[![Suede AI Skills Directory: listed](https://suedeai.directory/badge.svg)](https://suedeai.directory/heygen-com/hyperframes/hyperframes-registry/)
HTML
<a href="https://suedeai.directory/heygen-com/hyperframes/hyperframes-registry/"><img src="https://suedeai.directory/badge.svg" alt="Suede AI Skills Directory: listed" height="20"></a>

Compare skills for this task

Browse frontend-design skills or compare scores side by side.