Animate characters built from SVG parts using GSAP and CSS transforms. Coordinate gestures and facial expressions, keep joints connected, and control playback by frame in Remotion or validate browser previews with HyperFrames.
中文简介正在准备中。当前显示英语简介。
- Coordinate head and arm movements
- Check blinks, gaze, and mouth shapes
- Control a GSAP timeline by frame in Remotion
calesthio/OpenMontage☆ 7万2026年10月17日 更新
Prepare voiceovers, background music, sound effects, transcripts, captions, and background cutouts for HyperFrames compositions. The skill guides audio provider selection, word timing, and caption styling, with local alternatives for several audio tasks.
中文简介正在准备中。当前显示英语简介。
- Creating voiceovers for HyperFrames videos
- Preparing background music and sound effects
- Adding word-timed subtitles and karaoke captions
calesthio/OpenMontage☆ 7万2026年10月17日 更新
Create a title animation where glass shards emerge through fog, assemble into a headline, and fly past the camera. Adjust the text, shard count, rotation, timing, and fog in a reusable HyperFrames video block.
中文简介正在准备中。当前显示英语简介。
- Create a glass title sequence for a video
- Adjust shard count and motion for a headline
- Add a reusable title block to a HyperFrames project
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Add an eight-second HyperFrames headline animation where square tiles lift, tilt, and flip to reveal a second message. Customize both headlines and 18 settings covering tile size, sweep direction, timing, depth, bounce, and shadows.
中文简介正在准备中。当前显示英语简介。
- Reveal a second headline through flipping tiles
- Create an animated opening for a promotional video
- Adjust tile depth and shadows to suit a design
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Create navigable HyperFrames presentations with step-by-step reveals, clickable branches, and speaker notes. You can also turn an existing page into a deck while preserving its visual design, motion, and interactive behavior.
中文简介正在准备中。当前显示英语简介。
- Build a pitch deck with speaker notes
- Reveal key points one step at a time
- Open supporting slides through clickable areas
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Use the HyperFrames command-line tool to set up HTML-based video projects, check structure and text overflow, preview compositions, and export video. It also covers audio transcription, text-to-speech generation, and environment troubleshooting.
中文简介正在准备中。当前显示英语简介。
- Starting a video project from a template
- Checking text overflow before rendering
- Previewing and exporting MP4 or WebM video
openai/plugins☆ 75022026年10月8日 更新
ショーリール品質(Behance / OFFF / Awwwards級)のモーショングラフィックス動画を HyperFrames(HTML + GSAP + SVG + Canvas、Apache-2.0)で制作する。remotion-motion-reel の HyperFrames 版で、Remotion の Company License が不要な構成。テーマ・素材(キャラクター画像、音声など)から世界観・コピー・デザインシステム・タイムライン・サウンドを補完し、120BPM/60fps で拍同期した映像を実装・レンダリングまで行う。「HyperFramesでかっこいい動画」「ライセンスフリーでモーショングラフィックス」「ショーリールをHTMLで」などの依頼時に使用。
中文简介正在准备中。当前显示原文说明。
Sunwood-ai-labs/hyperframes-motion-reel-skill☆ 1412026年9月30日 更新
Turn written content and data into a sequence of animated frames for Hyperframes or Remotion. The output includes autoplay, manual navigation, a progress bar, and timing metadata for later video rendering.
中文简介正在准备中。当前显示英语简介。
- Turn a short script into animated frames
- Present data one scene at a time
- Prepare frame metadata for Remotion rendering
nexu-io/open-design☆ 10.2万2026年10月19日 更新
Create a three-scene video composition in a retro pixel style using a Hyperframes HTML template. Customize titles, labels, and colors while preserving scene transitions, short scene durations, and repeatable animation timing.
中文简介正在准备中。当前显示英语简介。
- Create a retro pixel presentation video
- Customize a three-scene video template
- Preview scene transitions and motion in HTML
nexu-io/open-design☆ 10.2万2026年10月19日 更新
Turn a website's screenshots and brand assets into a HyperFrames site tour or social clip. Develop a storyboard and script, add optional narration and captions, then validate the video and deliver a Studio preview.
中文简介正在准备中。当前显示英语简介。
- Creating a video tour of a portfolio
- Turning a blog or landing page into a social clip
- Making a site showcase with narration and captions
calesthio/OpenMontage☆ 7万2026年10月17日 更新
Create a 22.5-second ice animation in HyperFrames, with an orbiting camera following a logo that breaks apart and reforms into two text messages. Customize the SVG logo, wording, ice appearance, and shard movement.
中文简介正在准备中。当前显示英语简介。
- Create an ice-themed logo animation
- Present two messages in one continuous sequence
- Adjust ice transparency, frost, and cracks
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Fix white flashes and blending problems between scenes in HyperFrames videos. This skill explains background setup, overlapping scene containers, final-frame holds, and timeline templates so transitions render with the intended appearance.
中文简介正在准备中。当前显示英语简介。
- Fixing white flashes between dark scenes
- Checking opacity dips during crossfades
- Assembling the master timeline
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Create a short launch video from the current website or app project using Hyperframes. The skill reads the code, plans scenes, adds music and optional narration, checks and renders the video, and prepares a poster and share copy.
中文简介正在准备中。当前显示英语简介。
- Creating a launch video from the current app project
- Making a vertical video with a chosen tone
- Adding narration to a short product introduction
latent-spaces/brag☆ 1.7万2026年10月13日 更新
Create HTML-based videos with animated titles, synchronized captions, narration, music-driven effects, and scene transitions. Structure scenes and timing, define a visual style, and check layouts, text contrast, and animation choreography within HyperFrames.
中文简介正在准备中。当前显示英语简介。
- Creating animated title cards and overlays
- Adding captions synchronized with audio
- Generating narration and music-driven animation
openai/plugins☆ 75022026年10月8日 更新
Turn articles, notes, or a topic into an explainer video without filming a presenter. The workflow plans the story, creates text and diagram visuals, adds narration when needed, and prepares an MP4 in HyperFrames.
中文简介正在准备中。当前显示英语简介。
- Turning an article into an explainer video
- Explaining a concept with diagrams and text
- Creating a narrated how-to video
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Design oversized cursor animation for HyperFrames launch videos. Guide viewers toward interface actions, make clicks trigger the next animation, and connect scenes through deliberate pointer movement, with guidance on size, appearance, entry, targeting, and exit.
中文简介正在准备中。当前显示英语简介。
- Guide attention through a product interface video
- Trigger typing or transitions with a click
- Add purposeful movement to a static scene
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Turn a product URL, script, or brief into a launch or promotional video in HyperFrames. The workflow covers source capture, brand styling, storyboards, narration, music, and animated scenes, including tours that feature actual website screenshots.
中文简介正在准备中。当前显示英语简介。
- Create a SaaS or app launch video
- Introduce a new product feature
- Turn a supplied script into a promotional video
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Add a 3D card carousel to a HyperFrames video. Rounded cuboids enter from the right, rotate in sequence, pause on a featured card, and exit left, with 40 variables for content, geometry, lighting, and camera settings.
中文简介正在准备中。当前显示英语简介。
- Presenting multiple cards in a 3D carousel
- Pausing on a featured card
- Replacing card content with JSON
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Create an eight-second HyperFrames title animation with wireframe letters, shown as 3D outlines, emerging through a portal and changing into another phrase. Adjust transition timing, abruptness, glitch strength, depth fog, and accent color.
中文简介正在准备中。当前显示英语简介。
- Create a video opening with 3D outline letters
- Change a title into a second message
- Adjust portal bursts and letter glitches
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Bring Figma logos, brand colors, and components into HyperFrames as local assets and editable HTML. Reconstruct animation from storyboard states, with additional motion import options when a compatible connector or native export is available.
中文简介正在准备中。当前显示英语简介。
- Import a Figma logo as a video asset
- Apply brand colors across imported components
- Turn a Figma frame into editable HTML
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Plan HyperFrames videos so motion flows continuously between scenes. Match movement direction and speed across cuts, connect actions through visible causes, and verify scene boundaries while keeping each scene active through meaningful reveals or interactions.
中文简介正在准备中。当前显示英语简介。
- Plan consistent movement across scene transitions
- Connect scenes with a shared visual element
- Replace idle motion with reveals or interactions
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Create a 12-second title animation in HyperFrames, where sweeping leaves reveal two headlines. Customize typography, leaf counts, sweep speed, background color, and the breeze moving the leaves that remain on the text.
中文简介正在准备中。当前显示英语简介。
- Create a nature-themed video opening
- Reveal two headlines in sequence
- Adjust leaf movement to suit a title
heygen-com/hyperframes☆ 6.7万2026年10月19日 更新
Turn a script into sequential visual frames with large text, timed playback, manual controls, and a progress bar. Frame timing and transition metadata support later rendering with Hyperframes or Remotion.
中文简介正在准备中。当前显示英语简介。
- Introducing an AI workflow through sequential scenes
- Turning a short explanation into an animated presentation
- Preparing frames and timing metadata for video rendering
nexu-io/html-anything☆ 91742026年10月13日 更新
读取项目内容,确定介绍角度和表达风格,制作简短发布视频,并同时生成海报图片与分享文案。可指定横屏、竖屏或方形比例、时长及音频选项。
- 制作项目发布视频
- 准备竖屏或方形介绍视频
- 选择适合项目的视频风格
NousResearch/hermes-agent☆ 25.5万2026年10月19日 更新