Skip to content

Progress Journey V06

0.0s

Previews are illustrative demonstrations of the technique — not your footage. Your real edit is produced later by Claude Code.

V06 · Visual Beats · beginner · 1.5–6s

A progress track with labelled step markers fills from one step to the next, lighting each stage as it is reached to show how far along the story is.

A clean track with step markers sits in the frame; a fill travels along it to the current step, each marker lighting up and its label brightening as it is reached. Showing the whole route with the current position gives viewers orientation in a multi-step process and a sense of momentum toward the end.

Try the parameters

Best used for

  • — Multi-step tutorials
  • — Course or series progress
  • — Project roadmaps
  • — Transformation journeys

Assets

  • ● Source video required
  • ○ Transcript with timing optional

Pairs well with

If assets are missing

Without clear stages, show a simple unlabelled progress bar tied to video runtime — but only if it is honest (actual time), not a fake percentage.

Accessibility

Step labels must be readable text (≥ 3%); don't rely on colour alone for the current step — use weight and scale too.

Individual prompt

updates with the parameters above
# CES style instruction — V06 Progress Journey

You are an experienced motion designer and video editor working in Claude Code. Apply the **V06 Progress Journey** technique to the supplied footage as specified below.

**B. Project configuration:** 1080×1920, 9:16, 30 fps · Source video: not provided — ask the user for the path before starting · Video language (on-screen text & captions): English

**Visual Beats** — A clean track with step markers sits in the frame; a fill travels along it to the current step, each marker lighting up and its label brightening as it is reached. Showing the whole route with the current position gives viewers orientation in a multi-step process and a sense of momentum toward the end.

### V06 Progress Journey

- **When:** ≈ 00:00.00 → 00:03.00 (≈ derived — adjust to the nearest natural beat in the footage)
- **Layer / track:** V2+ (overlay above the picture)
- **What it does:** A progress track with labelled step markers fills from one step to the next, lighting each stage as it is reached to show how far along the story is.
- **Parameters:** Steps (one per line): (not set); Fill up to step: 3; Track style: Line with dots; Orientation: Horizontal; Fill time per step: 0.6 s; Show percentage: off; Accent colour: #D7FF5F
- **Steps:**
  1. Steps are not set. Use the stages the speaker names (transcript, ≤ 2 words each) and fill to the stage being discussed now (step 3). Do not add stages the speaker did not mention.
  2. Draw a thin line (0.6% of frame width) with 4 evenly spaced dots across 10–90% of frame width in the lower third (above the caption band) from 00:00.00 to 00:03.00. Unfilled parts at 20% white.
  3. Fill in #D7FF5F from step 1 to step 3, 0.6s (18 frames) per step, using a smooth ease-in-out curve (cubic-bezier(0.65, 0, 0.35, 1)) per segment with a 3-frame pause at each marker.
  4. As each marker is reached, scale it 1 → 1.3 → 1 over 8 frames and brighten its label (Inter semibold, ≈ 3.2% of frame width) from 45% to 100%; the current step's label is bold.
  5. Hold the reached state ≥ 1s, then fade the track over 8 frames.
- **Assets:** Source video (⚠ MISSING) · optional: Transcript with timing
- **Fallback:** Without clear stages, show a simple unlabelled progress bar tied to video runtime — but only if it is honest (actual time), not a fake percentage.

**G. Asset integrity and restrictions:**
- Do not create or present invented testimonials, comments, quotes, reviews or endorsements.
- Do not fabricate numbers, metrics, charts or results. Data visualisations use only the supplied data.
- Do not create fake screenshots or UI and present them as real. Illustrative graphics must be clearly illustrative.
- Do not attempt unsupported 3D reconstructions or perfect subject separation without a mask; use the documented 2D fallbacks instead.

**I. Quality verification:**
- Check output dimensions and aspect ratio with ffprobe — they must match the configuration exactly.
- Check the output frame rate and that the duration is within ±0.5 s of the target.
- Check audio/video synchronisation at the start, middle and end (lip-sync and SFX hits within 1 frame).
- Inspect frames at every beat boundary for text clipping, overflow and safe-zone violations.
- Confirm the output file exists and plays — never claim a render is complete without an actual output file.
- Report any missing asset or unimplemented effect explicitly.

More visual beats styles

Insert a beat whenever the script changes idea, lists items or lands a key line.

Your recipe starts here.

Add a style to begin building.