website-to-hyperframes
๐ฏSkillfrom heygen-com/hyperframes
Installation
npx vibeindex add heygen-com/hyperframes --skill website-to-hyperframesnpx skills add heygen-com/hyperframes --skill website-to-hyperframes~/.claude/skills/website-to-hyperframes/SKILL.md
|Skill that enables AI agents to convert existing websites, PDFs, CSVs, and other content into Hyperframes video compositions, supporting format-specific outputs like TikTok-style vertical videos.
Overview
A skill that enables AI agents to convert existing websites, PDFs, CSVs, and other content into Hyperframes video compositions. It handles content analysis, scene structuring, and format-specific outputs like TikTok-style vertical videos, allowing automated content repurposing from static sources into rendered video.
Key Features
- Converts existing websites into Hyperframes video compositions with automated content extraction
- Supports multiple input formats including PDF, CSV, and other document types
- Format-specific output targeting such as TikTok-style 9:16 vertical video or landscape presentations
- AI agent-driven content analysis that structures source material into video scenes
- Full integration with the Hyperframes rendering pipeline for seamless init-to-render workflow
Who is this for?
- Content teams that need to repurpose existing web pages or documents into video format
- Marketing teams creating social media video content from existing website material
- Developers building automated content-to-video pipelines for publishing workflows
Same repository
heygen-com/hyperframes(52 items)
SKILL.md
More from this repository10
CLI tool for the Hyperframes video rendering framework that provides commands to create, preview, lint, and render HTML-based video compositions to MP4.
Skill for authoring HTML-based video compositions with the Hyperframes framework, covering captions, TTS, audio-reactive animation, and transitions for AI agent-driven video creation.
Skill for installing blocks and components into Hyperframes projects via the `hyperframes add` command, providing access to 50+ ready-to-use overlays, shader transitions, and data visualizations.
The foundational technical contract for HyperFrames HTML video compositions, defining data attributes, clip/track structure, sub-compositions, variables, media playback, deterministic rendering rules, and project validation.
Comprehensive animation skill for HyperFrames providing atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and seven runtime adapters including GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, and TypeGPU.
Non-animation creative direction for HyperFrames videos covering design specs, color palettes, typography, narration scripting, beat planning, audio-reactive visuals, composition patterns, and brand/style decisions.
A Claude Code skill that guides the creation of seek-safe 2D/3D keyframe animations for HyperFrames compositions, supporting GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP transitions, SVG morph/draw, motion paths, and 3D depth effects with built-in verification diagnostics.
A skill for the HyperFrames open-source video rendering framework that teaches AI agents to write correct HTML-based video compositions and GSAP animations, enabling them to render video from HTML code.
A fallback HyperFrames composition authoring skill for custom video creation when no specialized workflow fits. Handles multi-scene pieces, brand reels, montages, title cards, motion posters, static loops, and freeform compositions at any length or format.
Creates product launch, SaaS promo, feature reveal, and marketing videos using HyperFrames. Takes a product URL for brand capture or a brief/script, then produces a professionally structured promotional video.