Apply this treatment to a portrait clip using the included 4.2-second, 1080x1920, 30fps starter. The style and images are independent of the sample speaker’s words; follow the user’s chosen topic. See the reviewed example.
Use
Resolve this skill folder from the base directory shown when the skill loads. Its build.py resolves the shared kit through that real path, including when installed as a symlink. Run:
python3 /path/to/skills/visual-notes/build.py /path/to/spec.json
With no spec, the command reproduces the included silent sample into the repository’s .work/ directory. --prepare-only builds an editable composition without rendering. Python 3.9+, ffmpeg/ffprobe and Node.js 22+/npm are required. The first build downloads pinned GSAP 3.15.0 into the ignored vendor cache; rendering uses HyperFrames 0.8.214. No transcript or API key is needed for these short templates. Spec and custom-footage instructions.
Adapt the treatment
Show the whole photograph first, then expose a specific detail at 1.5s. Re-anchor the crop inside #iris when changing the photograph; the example focuses on the pixelated burger detail. Update #tag, #callout and both initial and GSAP-updated text. The magnification should reveal something real in the image.
Asset keys: explainer_cut.webm, pixel-burger.jpg. Full-resolution example images and source credits are in assets/style-showcase.
Supply a same-size, frame-matched alpha cutout when changing the presenter. The existing kit/cutout.py can create it; see the shared guide. Inspect hair and hands over both bright and dark imagery. The build helper does not perform segmentation automatically.
Keep the presenter visible from the first result frame. Use sharp photographs and clean type. Essential text and the face should clear platform overlays; let decorative imagery bleed rather than shrinking the entire composition. The sample’s captions and image anchors are starting points, not automatic tracking.
Review and deliver
The helper validates media dimensions/duration, prepares the composition, runs the renderer check, renders and fully decodes the MP4. Inspect the first frame, the main change and the ending. Check crop anchors, text readability and matching source/cutout timing. The default is silent; preserve or add speech, SFX or music only when the user requests them. Longer edits require extending the HTML timeline and source windows; changing only the duration is insufficient.
These are local Claude Code/Codex editing workflows. The ChatGPT conversation in the showcase is an authored visual, not a built-in ChatGPT slash-command integration. Third-party image rights are documented separately from the code license in the asset directory.