create-hyperframes-launch
Use this plugin when the user wants a HyperFrames-ready HTML motion composition, launch animation, kinetic typography clip, product reveal, or social video made from code.
- License 许可
- MIT
- 最近更新
- 2026-10-06
- Stars
- ★ 0
- Forks
- 0
01 前言 Front Matter
- od
- { "mode": "hyperframes", "scenario": "video" }
- name
- create-hyperframes-launch
- license
- MIT
- metadata
- { "author": "open-design-spec", "version": "0.1.0" }
- description
- Use this plugin when the user wants a HyperFrames-ready HTML motion composition, launch animation, kinetic typography clip, product reveal, or social video made from code.
02 资源文件 1
- 参考文档open-design.json1.8 KB
03 SKILL.md 正文
Create HyperFrames Launch
Workflow
- Clarify duration, aspect ratio, product, text beats, and motion style.
- Plan the composition as scenes with exact timings.
- Create HyperFrames-ready HTML with named layers, restrained animation, and render notes.
- Keep composition source organized under a cache or source folder and return the rendered artifact or render instructions.
- Critique timing, legibility, and whether the composition can render deterministically.
Output Contract
Produce hyperframes-plan.md and a render-ready composition folder or rendered video.
04 同仓库更多 Skills
Beta Skill
Instruction-only fixture skill.
Alpha Skill
First fixture skill with a runnable demo.
Deck One
A small deck template fixture.
youtube-clipper
YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.
writing-guidelines
Review docs/prose for Writing Guidelines compliance. Use when asked to "review my docs", "check writing style", "audit prose", "review docs voice and tone", or "check this page against the writing handbook".
wpds
WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.