Design
HyperFrames（HeyGen 出品）
wanlaicode/hyperframes用 HTML 编写，渲染成视频
- 24 次下载
- 下载量
- 评分
- 0 条评论
- 评论
- 共 5 个 Skill
- Skill
关于此 Plugin
用 HyperFrames 把 HTML 变成视频：以 HTML + CSS + GSAP 编排画面，用 CLI 完成 init/preview/render/转写/配音，安装可复用的 registry 区块与组件，参考 GSAP 动画手册，并用「网站转视频」7 步流水线把任意网站变成视频。
- 分类
- Design
能力
内含 Skill
点击 Skill 名称查看完整说明。
gsapGSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.
hyperframesCreate 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.
hyperframes-cliHyperFrames CLI tool — hyperframes init, lint, inspect, preview, render, transcribe, tts, doctor, browser, info, upgrade, compositions, docs, benchmark. Use when scaffolding a project, linting, validating, inspecting visual layout in compositions, previewing in the studio, rendering to video, transcribing audio, generating TTS, or troubleshooting the HyperFrames environment.
hyperframes-registryInstall and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet merging, and registry discovery.
website-to-hyperframesCapture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn this into a video", "make a promo from my site", (3) the user wants a social ad, product tour, or any video based on an existing website, (4) the user shares a link and asks for any kind of video content. Even if the user just pastes a URL — this is the skill to use.
评分与评论
来自 Plugin 使用者的反馈。
评论
0 条评论
正在加载评论