Find and install reusable HyperFrames blocks and effect components, then integrate them into an existing composition. Configure block timing and layer order, merge component HTML, CSS, and JavaScript, and adjust installation paths.
中文简介正在准备中。当前显示英语简介。
- Find reusable blocks and components in the registry
- Add an installed block to an existing composition
- Merge effect snippets into HTML, CSS, and JavaScript
openai/plugins☆ 75022026年10月8日 更新
Migrate existing Remotion video compositions to HyperFrames HTML and GSAP. Checks source code for unsupported patterns, maps animation and media features, compares rendered videos for visual similarity, and documents translation gaps.
中文简介正在准备中。当前显示英语简介。
- Migrating an existing Remotion composition to HyperFrames
- Checking source code for migration blockers
- Comparing original and converted video renders
calesthio/OpenMontage☆ 7万2026年10月17日 更新
Migrate an existing Remotion video composition to HyperFrames HTML and GSAP animation. Check the source for unsupported patterns, translate compatible scenes, compare rendered videos for visual differences, and document anything that could not be preserved.
中文简介正在准备中。当前显示英语简介。
- Migrate a Remotion composition to HyperFrames
- Check source code for migration blockers
- Compare rendered videos after conversion
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Find and install reusable blocks and effects for HyperFrames, then connect them to an existing composition with timing and layer settings. The skill also guides creating, validating, and contributing new blocks or components.
中文简介正在准备中。当前显示英语简介。
- Add a reusable chart block to a video
- Merge a grain overlay into an existing composition
- Adjust block timing and layer order
calesthio/OpenMontage☆ 7万2026年10月17日 更新
Add zooms, pans, masks, moving text, and depth to HyperFrames compositions. Build animation states that remain correct when jumping to any point in time, then inspect motion and final frames with diagnostics and snapshots.
中文简介正在准备中。当前显示英语简介。
- Adding zooms and pans to a shot
- Revealing images with animated masks
- Animating text and SVG shapes
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Start video and animation work by matching the request and project state to an appropriate HyperFrames workflow. It coordinates new productions, edits, captions, previews, validation, and rendering, using HTML files to define the video.
中文简介正在准备中。当前显示英语简介。
- Create a product video from a website or brief
- Add captions or graphic overlays to existing footage
- Resume editing an existing HyperFrames project
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Find reusable visual effects, charts, titles, and other video elements, then install and integrate them into HyperFrames compositions. It explains how to place standalone scenes on a timeline and merge smaller effect snippets into existing HTML.
中文简介正在准备中。当前显示英语简介。
- Find and add a title effect or transition
- Integrate charts, maps, or terminal visuals into a video
- Install multiple video blocks sharing a tag
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Plan and organize videos in HyperFrames Studio with readable scene, caption, and audio tracks. The skill guides collaboration, storyboards, and safe placement of text and key content, while distinguishing discussion from requests to edit.
中文简介正在准备中。当前显示英语简介。
- Planning a new product launch video
- Organizing scene, caption, and audio tracks
- Checking safe placement of captions and key content
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
HyperFrames (HTML + GSAP → MP4) でアプリのプロモ動画を決定論的に生成するスキル。 HyperFrames 公式スキル(19本)を土台として前提にし、素材の橋渡し・検証ゲート・ 納品仕様・誇張表現の禁止という「公式が扱わない層」だけを担当する。 SNS リール、LP ヒーロー動画、リリース告知、機能デモが対象。 Use when: プロモ動画を作りたい、告知動画を作りたい、HTML から動画を作りたい、 HyperFrames で動画を作りたい、リリース動画を作りたい、SNS 用の縦動画を作りたい。 Triggers: "HyperFrames", "hyperframes", "プロモ動画", "告知動画", "宣伝動画", "HTML から動画", "html to video", "リリース動画", "SNS動画", "縦動画", "リール"
中文简介正在准备中。当前显示原文说明。
sean-sunagaku/claude-code-plugin☆ 382026年7月30日 更新
Guide HyperFrames video projects from setup through layout checks, editable previews, and video output. Covers command-line workflows, environment troubleshooting, and distributed rendering on AWS Lambda, which splits video rendering work across cloud functions.
中文简介正在准备中。当前显示英语简介。
- Setting up a HyperFrames video project
- Checking text overflow and scene display
- Exporting a video after reviewing it in Studio
calesthio/OpenMontage☆ 7万2026年10月17日 更新
Routes video requests to the appropriate HyperFrames workflow based on the source material and intended result. It guides agents toward specialized steps for product promos, explainers, captions, motion graphics, music videos, and HTML-based video compositions.
中文简介正在准备中。当前显示英语简介。
- Choose a workflow for a product launch video
- Turn an article or notes into an explainer video
- Add captions or graphic overlays to a talking-head video
calesthio/OpenMontage☆ 7万2026年10月17日 更新
Add a ten-second HyperFrames scene featuring a single feature card orbiting a sphere made of dots. Customize the title, description, accent color, and orbit angle while retaining the supplied camera movement and animation.
中文简介正在准备中。当前显示英语简介。
- Introducing a product feature with a moving card
- Adding a ten-second scene to a HyperFrames video
- Matching a feature card's text and color to a project
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Guide the visual and storytelling choices for HyperFrames videos, including colors, fonts, composition, narration, and pacing. Use existing brand specifications or choose a visual style to give scenes a consistent look and rhythm.
中文简介正在准备中。当前显示英语简介。
- Matching a video to existing brand guidelines
- Choosing colors and fonts for a video
- Planning the pacing of a multi-scene video
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Mix audio already placed in HyperFrames compositions. Adjust fades, volume changes, and effects; reduce music frequencies that compete with speech; and apply shared processing to multiple tracks through a group with common volume controls.
中文简介正在准备中。当前显示英语简介。
- Make narration easier to hear over background music
- Add fades and crossfades to placed audio
- Balance uneven voice levels and adjust tone
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Plan the visual and narrative direction of HyperFrames videos, including colors, fonts, composition, narration, and scene rhythm. The skill helps apply existing design specifications, choose a style, and check whether the finished work follows that direction.
中文简介正在准备中。当前显示英语简介。
- Match a video's appearance to existing design specifications
- Choose colors and fonts to suit a mood
- Plan scene rhythm and narration pacing
calesthio/OpenMontage☆ 7万2026年10月17日 更新
Structure an HTML video project for HyperFrames, with explicit clip timing, tracks, reusable scene sections, and framework-controlled media playback. Provides rules for repeatable rendering and checks to identify composition problems before producing the final video.
中文简介正在准备中。当前显示英语简介。
- Create the HTML structure for a video project
- Organize clip timing and tracks
- Connect reusable scene sections
calesthio/OpenMontage☆ 7万2026年10月17日 更新
Build HyperFrames animations from small motion recipes, scene templates, and transitions. The skill guides runtime selection, including GSAP, Lottie, and Three.js, and provides an audit script to examine timing and choreography while following HyperFrames requirements for reproducible rendering.
中文简介正在准备中。当前显示英语简介。
- Combine motion recipes into a scene
- Build a multi-phase brand reveal from a template
- Design transitions between scenes
calesthio/OpenMontage☆ 7万2026年10月17日 更新
Build and review HyperFrames animations using motion recipes, scene templates, and transitions. Find guidance for seven animation runtimes, including GSAP and Three.js, and inspect existing scenes for timing gaps and inconsistent motion.
中文简介正在准备中。当前显示英语简介。
- Combine motion recipes for text and shapes
- Build scenes with several animation phases
- Choose an animation runtime
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Guide HyperFrames video projects from setup and component selection through checks, previews, and rendering. Use command-line tools to inspect timelines, diagnose failures, compare frames, and choose local, batch, or cloud rendering for the finished composition.
中文简介正在准备中。当前显示英语简介。
- Set up and preview a HyperFrames video project
- Diagnose build or rendering failures
- Render multiple videos from variable data
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Create or edit custom HyperFrames videos, including multi-scene brand films, montages, title cards, and footage remixes. The workflow covers planning, design, media assembly, animation, checks, and a final preview for approval before rendering.
中文简介正在准备中。当前显示英语简介。
- Create a multi-scene brand video
- Reorder and trim existing footage
- Build a static title card or loop
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Build and validate HTML video projects in HyperFrames. It guides scene structure, clip timing, reusable sub-scenes, and audio and video placement, with rules that keep playback predictable and rendered frames consistent.
中文简介正在准备中。当前显示英语简介。
- Build an HTML video project in HyperFrames
- Set clip timing and arrange tracks
- Combine reusable sub-scenes
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Write GSAP animations for HyperFrames compositions, from element entrances to coordinated sequences. Use timelines to organize timing, control playback, adapt motion to screen size and reduced-motion preferences, and choose animation properties suited to efficient rendering.
中文简介正在准备中。当前显示英语简介。
- Animate elements entering a HyperFrames composition
- Coordinate multiple elements with timelines and staggered starts
- Adjust motion for screen size and reduced-motion preferences
openai/plugins☆ 75022026年10月8日 更新
Turn an existing website into a HyperFrames video for social ads, product tours, or launches. Capture its visual assets, develop a script and storyboard, generate narration, and deliver a validated project for preview in Studio.
中文简介正在准备中。当前显示英语简介。
- Turn a website into a short social ad
- Create a narrated product tour
- Make a video announcing a new feature
openai/plugins☆ 75022026年10月8日 更新
Create a 16:9 animated hero composition with rotating rings, a globe or other focal graphic, and expressive typography. Deliver a single HTML document with CSS animations that a frame-capture exporter such as HyperFrames can turn into video.
中文简介正在准备中。当前显示英语简介。
- Create an animated hero for a marketing page
- Design a title card with moving typography
- Build a looping poster with rotating rings and a globe
nexu-io/open-design☆ 10.2万2026年10月19日 更新