Skip to content

Add hyperframes skill for HeyGen video rendering framework#528

Open
davila7 wants to merge 1 commit intomainfrom
claude/exciting-gagarin-55211f
Open

Add hyperframes skill for HeyGen video rendering framework#528
davila7 wants to merge 1 commit intomainfrom
claude/exciting-gagarin-55211f

Conversation

@davila7
Copy link
Copy Markdown
Owner

@davila7 davila7 commented Apr 18, 2026

Summary

Adds a new skill video/hyperframes that wraps HeyGen's open-source HyperFrames video rendering framework. Users install it via:

npx claude-code-templates@latest --skill video/hyperframes

Which then guides Claude to register the official skill with:

npx skills add heygen-com/hyperframes

What changed

  • New: cli-tool/components/skills/video/hyperframes/SKILL.md — covers install, CLI (init/preview/lint/validate/render), GSAP timeline rules, critical constraints, example prompts, and best practices for HTML-native deterministic video compositions
  • Regenerated: docs/components.json and dashboard/public/components.json to include the new skill (809 skills total)

Why

HyperFrames is a video rendering framework explicitly built for AI agents ("Write HTML. Render video. Built for agents."). It complements the existing remotion, manim, motion-canvas, and sora skills in the video/ category by offering an HTML-native, React-free workflow with deterministic MP4 output.

Review notes

  • Validated with the component-reviewer agent — passed with top-level tags array, repo, and license fields following the convention of other video skills
  • Install pattern matches existing wrapper skills like exa-search that use npx skills add
  • No hardcoded secrets or absolute paths
  • References the existing skills/development/heygen-best-practices skill for the HeyGen avatar API (complementary, not overlapping)

Test plan

  • Verify skill appears at aitmpl.com/components?type=skills&category=video
  • Install via npx claude-code-templates@latest --skill video/hyperframes and confirm SKILL.md lands in .claude/skills/video/hyperframes/
  • Confirm Claude reads the skill and suggests npx skills add heygen-com/hyperframes when asked to create a HyperFrames composition

Summary by cubic

Adds a new video/hyperframes skill that integrates HeyGen’s HyperFrames for HTML-first, deterministic video rendering with GSAP. Updates the components catalog so the skill is discoverable in the dashboard and docs.

  • New Features
    • Area: components — added cli-tool/components/skills/video/hyperframes/SKILL.md (install, CLI usage, GSAP timeline rules, deterministic constraints).
    • Area: website — regenerated docs/components.json and dashboard/public/components.json to include the new skill.
    • Install: npx claude-code-templates@latest --skill video/hyperframesnpx skills add heygen-com/hyperframes.
    • Env: no new environment variables or secrets.

Written for commit 91967e0. Summary will update on new commits.

Wrapper skill that installs HeyGen's open-source HyperFrames framework
via `npx skills add heygen-com/hyperframes`. Lives in the `video`
category alongside remotion, manim, motion-canvas, and sora.

Covers installation, CLI commands (init/preview/lint/validate/render),
GSAP timeline rules, critical constraints, and best practices for
HTML-native deterministic video compositions.
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 18, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
aitmpl-dashboard Ready Ready Preview, Comment Apr 18, 2026 10:53pm
claude-code-templates Ready Ready Preview, Comment Apr 18, 2026 10:53pm

@github-actions
Copy link
Copy Markdown
Contributor

👋 Thanks for contributing, @davila7!

This PR touches cli-tool/components/** and has been marked review-pending.

What happens next

  1. 🤖 Automated security audit runs and posts results on this PR.
  2. 👀 Maintainer review — a human reviewer validates the component with the component-reviewer agent (format, naming, security, clarity).
  3. Merge — once approved, your PR is merged to main.
  4. 📦 Catalog regeneration — the component catalog is rebuilt automatically.
  5. 🚀 Live on aitmpl.com — your component appears on the website after deploy.

While you wait

  • Check the Security Audit comment below for any issues to fix.
  • Make sure your component follows the contribution guide.

This is an automated message. No action is required from you right now — a maintainer will review soon.

@github-actions
Copy link
Copy Markdown
Contributor

⚠️ Security Audit Report

Status: ❌ FAILED

Metric Count
Total Components 762
✅ Passed 360
❌ Failed 402
⚠️ Warnings 1008

❌ Failed Components (Top 5)

Component Errors Warnings Score
vercel-edge-function 3 4 81/100
prompt-engineer 2 0 90/100
neon-expert 2 2 88/100
agent-overview 2 1 89/100
unused-code-cleaner 2 1 89/100

...and 397 more failed component(s)


📊 View Full Report for detailed error messages and all components

Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No issues found across 3 files

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

review-pending Component PR awaiting maintainer review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants