Video editing, thumbnails, comics, and audio (3.2K skills)
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.
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.
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.
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.
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.
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.
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.
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 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.
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 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.
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.
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.
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.
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.
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.
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.
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.
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.
Design scene transitions and animated text using matched movement direction and speed across cuts. The catalog provides concrete settings for zooms, blur, word-by-word transitions, staggered entrances, and repositioning groups of elements.
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.
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.
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.
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.