heygen-com avatar

Claude Design Hyperframes

This is the Claude Design half of HyperFrames' two-agent workflow. You're authoring plain HTML plus GSAP timelines that get rendered to MP4 via CLI, and your job is to nail brand identity, layout, and content structure, not polish motion timing. Think of it as rapid prototyping: you produce a valid first draft that downloads as a ZIP, then Claude Code (or any coding agent) takes over for animation refinement and production QA. It explicitly replaces Claude's default video artifact workflow, so no React, no Babel, no copy_starter_component calls. The output must be structurally sound enough that the next agent can open it and start polishing immediately without fixing broken scaffolding.

skills.sh installs
2K
GitHub stars
81.8K
last updated
Aug 21, 2026

Install

$ npx -y skills add heygen-com/hyperframes --skill claude-design-hyperframes --agent claude-code

Installs into .claude/skills of the current project.

Files

This is the Claude Design half of HyperFrames' two-agent workflow. You're authoring plain HTML plus GSAP timelines that get rendered to MP4 via CLI, and your job is to nail brand identity, layout, and content structure, not polish motion timing. Think of it as rapid prototyping: you produce a valid first draft that downloads as a ZIP, then Claude Code (or any coding agent) takes over for animation refinement and production QA. It explicitly replaces Claude's default video artifact workflow, so no React, no Babel, no copy_starter_component calls. The output must be structurally sound enough that the next agent can open it and start polishing immediately without fixing broken scaffolding.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/heygen-com/hyperframes
Categories
Marketing & SEO, Design & UI/UX
First seen
May 16, 2026

More from heygen-com/hyperframes

All 44
1samuraigpt avatarmuapi-ai-clippingsamuraigpt/generative-media-skillsTurn a long video into N viral-ready short clips with a single managed API call. Wraps muapi.ai's `/ai-clipping` endpoint, which handles transcription, highligh2Kskills.sh installs
2browserbase avatarbrowser-to-apibrowserbase/skillsTurn a website's observable HTTP traffic into a best-effort OpenAPI 3.1 spec by analyzing a `browser-trace` capture. Use when the user wants to discover/extract2Kskills.sh installs
3howell5 avatargraphifyhowell5/willhong-skillsUse when exploring unfamiliar codebases, before searching for code, or after editing files. Builds a structural AST index (classes, functions, imports, call gra2Kskills.sh installs
4redis avatarredis-clusteringredis/agent-skillsRedis Cluster and replication guidance covering hash tags for multi-key operations, avoiding CROSSSLOT errors, and reading from replicas to scale read-heavy wor2Kskills.sh installs
5refoundai avatarsales-qualificationrefoundai/lenny-skillsHelp users qualify sales leads effectively. Use when someone is wasting time on bad leads, struggling with low conversion rates, needs to build a qualification 1.9Kskills.sh installs
6nexscope-ai avatardropshipping-product-researchnexscope-ai/ecommerce-skillsProduct research for dropshipping businesses. Identify profitable products with reliable suppliers, healthy margins, and manageable competition. Evaluates shipp1.9Kskills.sh installs