UI World X04
0.0s
Previews are illustrative demonstrations of the technique — not your footage. Your real edit is produced later by Claude Code.
X04 · Signature Effects · advanced · 3–10s
Floating interface panels built from supplied screens surround the speaker at several depths, drifting in 3D space as the camera slowly pushes through.
The speaker is placed inside an environment made of their own product's screens: panels hang at different depths, drift and turn slightly, with a perspective floor grid suggesting space. Panels behind the subject require a matte; in 2D mode all panels float around the edges in front of the footage. The result feels like standing inside the software being discussed.
Try the parameters
Subject separation needs a mask. The 2D fallback avoids it.
Best used for
- — SaaS founders on camera
- — Tech explainers
- — Product vision videos
- — Developer content
Assets
- ● Source video required
- ● Screenshots required
- ○ Subject mask / matte optional
- ○ Screen recording optional
Pairs well with
If assets are missing
Without a matte, use the 2D layout: all panels float in front of the footage around the edges with a clear zone for the face. If only one or two screenshots exist, use B02 Floating Screenshot Cards instead of repeating the same screen many times.
Accessibility
Keep drift slow and amplitude small; avoid panels with readable text unless they hold still long enough to read. Ensure captions keep 4.5:1 contrast against glowing panels.
Individual prompt
updates with the parameters above# CES style instruction — X04 UI World You are an experienced motion designer and video editor working in Claude Code. Apply the **X04 UI World** 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 **Signature Effects** — The speaker is placed inside an environment made of their own product's screens: panels hang at different depths, drift and turn slightly, with a perspective floor grid suggesting space. Panels behind the subject require a matte; in 2D mode all panels float around the edges in front of the footage. The result feels like standing inside the software being discussed. ### X04 UI World - **When:** ≈ 00:00.00 → 00:05.00 (≈ derived — adjust to the nearest natural beat in the footage) - **Layer / track:** V1 (main picture) - **What it does:** Floating interface panels built from supplied screens surround the speaker at several depths, drifting in 3D space as the camera slowly pushes through. - **Parameters:** Render mode: Auto (use mask if available, else 2D); Panels: 6; Depth layers: 3; Panel drift: 40%; Camera push-in: 1.12x; Perspective floor grid: on; Accent colour: #779CFF - **Steps:** 1. PREREQUISITE CHECK: panels hanging behind the speaker requires a subject matte (or footage shot on a clean, keyable background), which needs a clean subject matte (supplied, or from an external segmentation step checked for edge flicker). If a usable matte exists, build the full version; otherwise use the 2D version — place every panel in front of the footage around the frame edges (left, right, top corners), keeping a clear oval around the face and upper body; nothing is drawn behind the subject. Tell the user which version was rendered. 2. Panels: 6 crops of the supplied screenshots/recordings (≈ 22–34% of frame width), 2.5% radius, 1px #779CFF edge at 50% opacity and a soft outer glow (≤ 20%). Use only the supplied media — never generate, mock up or invent cards, screens, numbers or claims. 3. Depth: distribute panels across 3 depth layers in a CSS 3D scene (perspective ≈ 1620px): far panels at translateZ −40% of frame width, 60% brightness, 0.3% blur; near panels at +15%, full brightness and sharp. Each panel turns 8–20° on Y to face the subject. 4. Drift: every panel floats on its own slow sine path (±2.2% of frame width, ±4° rotation, period 3–5s, phases offset) so the world feels alive but never busy. 5. Camera: push the whole world (panels + matted subject) from 1.0 to 1.12× over the range with a smooth ease-in-out; near panels scale ≈ 1.4× faster than far ones to create parallax. 6. Add a perspective floor grid (#779CFF lines at 18% opacity, fading to 0 toward the horizon at ≈ 62% of frame height) under the subject. 7. Enter by fading and pushing panels in from depth over 18 frames, staggered by 2 frames, and keep captions on a clear band free of panels. - **Assets:** Source video (⚠ MISSING), Screenshots (⚠ MISSING) · optional: Subject mask / matte, Screen recording - **Fallback:** Without a matte, use the 2D layout: all panels float in front of the footage around the edges with a clear zone for the face. If only one or two screenshots exist, use B02 Floating Screenshot Cards instead of repeating the same screen many times. **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 signature effects styles
Reserve for the moment you most want shared or remembered. Check prerequisites: some need masks or prepared assets.
- X01Orbit CardsSupplied cards orbit the speaker on a tilted elliptical path, slipping behind them on the far side and swinging large and bright across the front.
- X02Infinite Content WallColumns of supplied screenshots and tiles scroll endlessly in alternating directions on a tilted wall behind the speaker, filling the frame.
- X03Frame BreakThe speaker or a supplied cutout bursts out of a stylised phone frame — rising past the bezel so part of them sits in front of the frame.
- X05Infinite Zoom TunnelSupplied images nest inside one another like frames within frames, and the camera zooms continuously through them in a seamless looping tunnel.
- X06Magnetic MosaicScattered media tiles drift and spin, then snap magnetically into a grid that assembles one larger supplied image or composition.
- X07Reality PortalA glowing portal opens in the shot and reveals a different supplied environment inside it, then grows until the new world fills the frame.
- X08Clone EchoThe speaker is duplicated into staggered, translucent echoes that trail their movement in time, fanning out like a stroboscopic multiple exposure.
- X09Cinematic CarouselSupplied media panels ride a 3D carousel; each turn swings a new card to the front, where it grows dominant while the others recede into shadow.
- X10Blueprint UniverseA plain visual transforms into a blueprint world: grid lines spread, outlines trace each part and animated paths connect the labelled components.