Create HTML-based videos with animated titles, synchronized captions, text-to-speech narration, scene transitions, and visuals that react to music. Define timing and layout, then check for overflowing content, readable contrast, and animation choreography.
- Creating short product reveal videos
- Adding captions synchronized with audio
- Combining narration with animated text
nexu-io/open-design☆ 102.6KUpdated Oct 20, 2026
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☆ 7.5KUpdated Oct 8, 2026
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.
The English summary is being prepared. Showing the original description.
nateherkai/herk-edit-kit☆ 1.9KUpdated Oct 14, 2026
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.
The English summary is being prepared. Showing the original description.
nateherkai/hyperframes-student-kit☆ 1.5KUpdated Oct 13, 2026
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For dev-loop CLI commands (init, lint, inspect, preview, render) see the hyperframes-cli skill; for asset preprocessing commands (tts, transcribe, remove-background) see the hyperframes-media skill.
The English summary is being prepared. Showing the original description.
MaddieMo1/Pi-Agent-Web☆ 18Updated Sep 8, 2026
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☆ 70.1KUpdated Oct 17, 2026
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☆ 68KUpdated Oct 19, 2026
Expert patterns for Godot audio including AudioStreamPlayer variants (2D positional, 3D spatial), AudioBus mixing architecture, dynamic effects (reverb, EQ,compression), audio pooling for performance, music transitions (crossfade, bpm-sync), and procedural audio generation. Use for music systems, sound effects, spatial audio, or audio-reactive gameplay. Trigger keywords: AudioStreamPlayer, AudioStreamPlayer2D, AudioStreamPlayer3D, AudioBus, AudioServer, AudioEffect, music_crossfade, audio_pool, positional_audio, reverb, bus_volume.
The English summary is being prepared. Showing the original description.
thedivergentai/Game-Dev-Agentic-Skills☆ 870Updated Oct 17, 2026
Expert patterns for Godot audio including AudioStreamPlayer variants (2D positional, 3D spatial), AudioBus mixing architecture, dynamic effects (reverb, EQ,compression), audio pooling for performance, music transitions (crossfade, bpm-sync), and procedural audio generation. Use for music systems, sound effects, spatial audio, or audio-reactive gameplay. Trigger keywords: AudioStreamPlayer, AudioStreamPlayer2D, AudioStreamPlayer3D, AudioBus, AudioServer, AudioEffect, music_crossfade, audio_pool, positional_audio, reverb, bus_volume.
The English summary is being prepared. Showing the original description.
thedivergentai/Game-Design-Agentic-Skills☆ 850Updated Oct 13, 2026
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.
The English summary is being prepared. Showing the original description.
coco-research/coco☆ 797Updated Oct 19, 2026
Control a running TouchDesigner instance via twozero MCP — create operators, set parameters, wire connections, execute Python, build real-time visuals. 36 native tools.
The English summary is being prepared. Showing the original description.
NousResearch/hermes-official-plugins☆ 326Updated Oct 20, 2026
Provider-independent production guidance for translating measured audio features into deterministic video timing and motion. Use for beat-, onset-, phrase-, energy-, silence-, or spectrum-reactive visualizers, edits, typography, and generated compositions; not for music-video concept direction, audio generation, or a runtime-specific recipe.
The English summary is being prepared. Showing the original description.
calesthio/generative-media-skills☆ 206Updated Jul 14, 2026
Expert in 2000s-era music visualization (Milkdrop, AVS, Geiss) and modern WebGL implementations. Specializes in Butterchurn integration, Web Audio API AnalyserNode FFT data, GLSL shaders for audio-reactive visuals, and psychedelic generative art. Activate on "Milkdrop", "music visualization", "WebGL visualizer", "Butterchurn", "audio reactive", "FFT visualization", "spectrum analyzer". NOT for simple bar charts/waveforms (use basic canvas), video editing, or non-audio visuals.
The English summary is being prepared. Showing the original description.
curiositech/windags-skills☆ 16Updated Oct 19, 2026
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.
The English summary is being prepared. Showing the original description.
EthanYoQ/Skill-hub☆ 11Updated Oct 19, 2026
Control a running TouchDesigner instance via twozero MCP — create operators, set parameters, wire connections, execute Python, build real-time visuals. 36 native tools.
The English summary is being prepared. Showing the original description.
NousResearch/hermes-plugin-touchdesigner☆ 7Updated Oct 11, 2026
Production pipeline for ASCII art video — any format. Converts video/audio/images/generative input into colored ASCII character video output (MP4, GIF, image sequence). Covers: video-to-ASCII conversion, audio-reactive music visualizers, generative ASCII art animations, hybrid video+audio reactive, text/lyrics overlays, real-time terminal rendering. Use when users request: ASCII video, text art video, terminal-style video, character art animation, retro text visualization, audio visualizer in ASCII, converting video to ASCII art, matrix-style effects, or any animated ASCII output.
The English summary is being prepared. Showing the original description.
ibragimov-oasis/vibe-coder☆ 3Updated Jun 24, 2026
Expert in 2000s-era music visualization (Milkdrop, AVS, Geiss) and modern WebGL implementations. Specializes in Butterchurn integration, Web Audio API AnalyserNode FFT data, GLSL shaders for audio-reactive visuals, and psychedelic generative art. Activate on "Milkdrop", "music visualization", "WebGL visualizer", "Butterchurn", "audio reactive", "FFT visualization", "spectrum analyzer". NOT for simple bar charts/waveforms (use basic canvas), video editing, or non-audio visuals.
The English summary is being prepared. Showing the original description.
curiositech/port-daddy☆ 3Updated Oct 19, 2026
Expert in 2000s-era music visualization (Milkdrop, AVS, Geiss) and modern WebGL implementations. Specializes in Butterchurn integration, Web Audio API AnalyserNode FFT data, GLSL shaders for audio-reactive visuals, and psychedelic generative art. Activate on "Milkdrop", "music visualization", "WebGL visualizer", "Butterchurn", "audio reactive", "FFT visualization", "spectrum analyzer". NOT for simple bar charts/waveforms (use basic canvas), video editing, or non-audio visuals.
The English summary is being prepared. Showing the original description.
MikeCheng1208/BattleTree☆ 2Updated Jul 22, 2026
Create HTML-based video compositions, animated title cards, social overlays, captioned talking-head videos, audio-reactive visuals, and shader transitions using HyperFrames. HTML is the source of truth for video. Use when the user wants a rendered MP4/WebM from an HTML composition, wants to animate text/logos/charts over media, needs captions synced to audio, wants TTS narration, or wants to convert a website into a video.
The English summary is being prepared. Showing the original description.
Lord1Egypt/awesome-skill-forge☆ 2Updated Jun 10, 2026
Control a running TouchDesigner instance via twozero MCP — create operators, set parameters, wire connections, execute Python, build real-time visuals. 36 native tools.
The English summary is being prepared. Showing the original description.
Lord1Egypt/awesome-skill-forge☆ 2Updated Jun 10, 2026