HyperFrames
Preview gallery
The job to start with
Use CreatorMotion · Milestone with Detail Branch to explain the active milestone within a longer path. Start by deciding what your audience needs to understand; use the preview to judge whether this format serves that goal.
Picked most often by
Plan your first result
Use the brief below as a starting point. Replace the placeholders, review a small draft, then expand it.
When to choose it
You have a short message that benefits from a sequence, rather than a single still. Decide what the viewer should understand at the end.
Prepare the material
Prepare approved copy, real interface material or permitted footage, target duration and delivery size. Decide whether audio is needed before selecting a provider.
Prepare these package inputs
milestones- Give each milestone a date or sequence position and a verified status.
activeIndex- Select the current item explicitly; do not mark future work complete.
details- details is an input in this effect. Supply your actual content in the structure defined by the package example, and replace illustrative defaults before publishing.
A first brief to adapt
Use CreatorMotion · Milestone with Detail Branch to explain the active milestone within a longer path. My audience is [audience], and the material I can provide is [sources]. Approve a shot list or one short section first. Match reading time to the content before rendering the complete video. Read the diagram as a set of claims: verify every direction, boundary and dependency against your source. Flag missing facts before producing the final output.
The review that matters here
Read the diagram as a set of claims: verify every direction, boundary and dependency against your source.
Know the boundary
The preview demonstrates a direction, not a recording of your product. Replace sample claims and results with your own; audio or image services may cost extra.
What you need before you start
- You bring
- milestones: provide your own content or retain the illustrative default. · activeIndex: provide your own content or retain the illustrative default. · details: provide your own content or retain the illustrative default.
- Dependencies
- HyperFrames CLI 0.8.30 or compatible — required · Node.js 22 or newer — required · FFmpeg — required
- Package compatibility record
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Run the installed Skill or use its bundled generator. Supply an output folder with --out, optional content JSON with --data, and a local video with --media for presenter effects. An optional --images JSON map replaces only its named slots; relative paths resolve beside that JSON file. Read references/image-policy.md before adapting visual material. The default style is white-yellow; alternatives are Charcoal & Lime (charcoal-lime), Paper & Orange (paper-orange), and Black & White (the compatible midnight-ice ID). Inter, Noto Sans SC and Smiley Sans are bundled locally. Chinese content uses Smiley Sans by default; pass --zh-font noto-sans-sc for the plainer Noto Sans SC. IBM Plex Mono is used for measurements and ordinal labels. Dark canvases have a fine grid.
From package to deliverable
- Use the package to build a video sequence in your own environment. Keep the editable project alongside the rendered result for later revisions.
- Agree on duration, aspect ratio and reading time before the full render. Use your own verified statements and permitted footage.
A useful first milestone
- A workflow to explain the active milestone within a longer path.
Before handing it over
- Read the diagram as a set of claims: verify every direction, boundary and dependency against your source.
- The preview demonstrates a direction, not a recording of your product. Replace sample claims and results with your own; audio or image services may cost extra.
Content Creation & PublishingCreate Broll AnimationStyle-lockedSeries-consistentEditable OutputMinimalistEditorialTypographic
User reviews
Loading reviews…
FAQ
Read the diagram as a set of claims: verify every direction, boundary and dependency against your source.
Approve a shot list or one short section first. Match reading time to the content before rendering the complete video.
The preview demonstrates a direction, not a recording of your product. Replace sample claims and results with your own; audio or image services may cost extra.
Similar Skills
View all skills
