CreatorMotion · Milestone with Detail Branch

Prepare a nonempty milestones list with at most five entries, an integer activeIndex within that visible list and up to four details. The index is zero-based. The implementation clamps indices to the visible bounds, so verify the intended stage instead of relying on clamping after reordering.

Write detail lines specifically for the selected milestone. They are supplied text, not tasks inferred from the stage label. The active node receives accent styling; nodes before and after it are not separately marked as completed or upcoming in the current scene.

Keep milestone labels short enough for the horizontal track. Check which side receives the details when choosing a stage near the right edge; the branch direction changes with position. No presenter, raster image or alpha matte is used.

From the extracted package, prepare Node.js 22+, FFmpeg and HyperFrames CLI 0.8.30. Run node scripts/create.mjs --out PROJECT --data CONTENT.json --style white-yellow, substituting another documented palette if wanted. Read the motion specification and image policy before adapting the scene; use semantic --overrides for deliberate style changes.

Inspect the editable project at entry, each motion handoff and final hold, then render with the command printed by the generator. Check the resulting frames for text collisions, correct numbers and readable contrast. Keep at least 1.2 seconds for the final reading when editing, and compare all four palettes with identical content after structural changes. Narration, music and assembly into a longer film remain separate work. Inspect active-node identity, stem origin and every supporting connector in actual MP4 frames. Keep text at least 24 px and check first/last milestone placements with your wording. Preserve the detail branch as the defining explanation rather than reducing the scene to dates on a line.