Skip to content
cccskills

Browse skills

58 skills (repositories by heygen-com) · sorted by popularity

hyperframes-core

FreeSummary

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/hyperframes66.9KUpdated Oct 18, 2026

pr-to-video

FreeSummary

Turn a GitHub pull request into a video explaining a feature, fix, refactor, or changelog. The workflow uses actual diffs, commits, and files to plan the story, show code excerpts, and produce an MP4.

  • Explain a new feature from its pull request
  • Show the code changes behind a bug fix
  • Walk through a refactor with actual excerpts
heygen-com/hyperframes66.9KUpdated Oct 18, 2026

cuboid-carousel

FreeSummary

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/hyperframes66.9KUpdated Oct 18, 2026

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/hyperframes66.9KUpdated Oct 18, 2026

captions-overlay

FreeSummary

Plan subtitles as layers over a video, deciding which spoken phrases to omit, show normally, or emphasize behind the subject. The guidance preserves full-frame composition and limits large embedded words to occasional key moments.

  • Planning subtitles for a talking-head video
  • Choosing words to emphasize behind the subject
  • Centering a scene that carries subtitles
heygen-com/hyperframes66.9KUpdated Oct 18, 2026

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/hyperframes66.9KUpdated Oct 18, 2026

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/hyperframes66.9KUpdated Oct 18, 2026

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/hyperframes66.9KUpdated Oct 18, 2026

seam-craft

FreeSummary

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/hyperframes66.9KUpdated Oct 18, 2026

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/hyperframes66.9KUpdated Oct 18, 2026

orbit-card

FreeSummary

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/hyperframes66.9KUpdated Oct 18, 2026

Add synchronized subtitles and text effects to an existing single-speaker video. Choose from 35 visual styles, including readable lower captions and words placed behind the person, with local transcription, subject cutout, previews, and final video compositing.

  • Add readable subtitles to an explainer video
  • Place an emphasized word behind the speaker
  • Create themed caption effects for social videos
heygen-com/hyperframes66.9KUpdated Oct 18, 2026

general-video

FreeSummary

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/hyperframes66.9KUpdated Oct 18, 2026

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/hyperframes66.9KUpdated Oct 18, 2026

media-use

FreeSummary

Find, generate, and prepare media for HyperFrames projects, saving assets locally with records for reuse. Covers images, music, voiceovers, transcription, captions, background removal, media edits, and visual treatments such as color correction or retro styling.

  • Find and save images, music, and sound effects
  • Produce voiceovers, transcripts, and captions
  • Correct dark footage or apply retro styling
heygen-com/hyperframes66.9KUpdated Oct 18, 2026

music-to-video

FreeSummary

Turn music into a lyric video, slideshow, or animated promo, timing visuals to beats or musical phrases. Use supplied photos and clips, or build with text and templates, then preview and render an MP4.

  • Creating a lyric video timed to a song
  • Turning photos and clips into a music-driven slideshow
  • Making an animated promo with text and templates
heygen-com/hyperframes66.9KUpdated Oct 18, 2026

changelog-video

FreeSummary

Turn a weekly Markdown changelog into a branded video project with animated interface examples, Annie narration, captions, and background music. The workflow selects key updates and builds a 45–60 second square video, with rendering performed on request.

  • Turn weekly release notes into a short video
  • Demonstrate product updates with animated interface examples
  • Prepare a branded update video with narration and captions
heygen-com/hyperframes66.9KUpdated Oct 18, 2026

code-slice-hero

FreeSummary

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/hyperframes66.9KUpdated Oct 18, 2026

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/hyperframes66.9KUpdated Oct 18, 2026

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/hyperframes66.9KUpdated Oct 18, 2026

hyperframes

FreeSummary

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/hyperframes66.9KUpdated Oct 18, 2026

motion-graphics

FreeSummary

Create short animated graphics for titles, statistics, charts, logos, maps, or web content. The workflow sources assets when needed, designs and checks the animation, then exports an MP4 or transparent overlay after preview approval.

  • Animating a short title or quote
  • Showing a statistic with a count-up or chart
  • Creating a logo reveal
heygen-com/hyperframes66.9KUpdated Oct 18, 2026

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/hyperframes66.9KUpdated Oct 18, 2026

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/hyperframes66.9KUpdated Oct 18, 2026