CreatorMotion · Accumulating Cards and Counter
+6CreatorMotion · Synchronized Action Checklistv1.0.1
Use this Skill to create broll animation.
Popular
5.0102 downloads2 likes1 saves
Free
Create a timed checklist animation for a short screen demonstration. The checklist completes at supplied moments. Use your own screen recording and matching action timestamps for a real demonstration; the included default is an illustrative static screen.
Picked most often by
Updated Sep 29, 2026
Preview gallery
Runs in
Generates with
Host Agent LLM
Uses tools
HyperFramesSimilar Skills
View all skills+6
What you get
- An editable, timed checklist animation; add your own recording and action timestamps to synchronize it with real screen actions.
- Four coordinated palettes with consistent typography.
- A local video project, generator and focused visual review instructions.
Good fit
- Creator explanations that benefit from a visual argument.
- Short teaching passages with concise labels.
- A series that needs consistent motion and typography.
Not for
- Automatic editing of an entire long-form production.
- Copying a reference creator’s identity or source footage.
- Generating an unsupplied presenter performance or soundtrack.
Content Publishing & Article VisualsCreate Broll AnimationStyle-lockedSeries-consistentEditable OutputMinimalistEditorialTypographic
About this Skill
Synchronized Action Checklist
Track a screen demonstration with a checklist that completes at matching moments. Keep the checklist and media aligned in one composition.
Prepare
Choose concise original content. Bundled generated images are reused automatically; supply local images only when replacing them. Presenter effects still require suitable footage. The sample values are illustrative. Read the included motion specification before replacing an essential relationship.
Generate
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.
Refine
Change content at its input, and motion in the effect source. Use semantic color tokens and keep type consistent. Rebuild the editable composition, run HyperFrames checks, and render the MP4. Review the beginning, key change and settled state before using it in a finished edit.
Inputs
- tasks: provide your own content or retain the illustrative default.
- screenTitle: provide your own content or retain the illustrative default.
- presenter: provide your own content or retain the illustrative default.
- screenMediaKey: provide your own content or retain the illustrative default.
The output directory contains the complete local composition and build record. Generated image defaults and provenance are included in the installable Skill; preview videos and review reports are delivered separately.
What you need before you start
- You bring
- Concise checklist items and a short screen title · For a real screen demonstration: your own screen recording and the timestamp of each checklist action · Optional presenter name and visual palette
- Dependencies
- HyperFrames CLI 0.8.30 or compatible — required · Node.js 22 or newer — required · FFmpeg — required
- Last tested
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…