synthetic-screen-recording

Synthesize terminal-style screen recordings in Remotion with the TerminalScene component.

Updated Jul 16, 2026
One-click install
npx skills add https://github.com/X-manist/Cohmira --skill synthetic-screen-recording-x-manist
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: synthetic-screen-recording
Source: https://github.com/X-manist/Cohmira/tree/main/src/builtin-plugins/openmontage/.agents/skills/synthetic-screen-recording
Command: npx skills add https://github.com/X-manist/Cohmira --skill synthetic-screen-recording-x-manist

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Real desktop screen capture for terminal and CLI demos is flaky: window positioning races, focus issues, privacy leaks from visible apps, and non-reproducible output. This Skill lets you decide when to synthesize a fake terminal recording in Remotion instead of capturing a real screen, and shows how to author it deterministically. ## Core Features & Use Cases - Decision heuristic: Clear criteria for choosing synthetic Remotion rendering versus real capture via screen_recorder, Windows-MCP, Cap, or Playwright. - TerminalScene component: A React component that renders a fake terminal with character-by-character typing, output lines, pauses, and floating pill badges, all timed to the frame. - Narration pacing rules: A step-timing methodology (with a trace script) that aligns every typed command to its narration cue so scenes never run ahead of the voiceover. - Use Case: You need a 60-second install walkthrough where each git clone and make command lands exactly on its Chirp 3 HD narration cue. Author the steps as a timeline, verify pacing with the trace script, and render pixel-perfect 1080p output. ## Quick Start Ask the agent to create a synthetic terminal recording of your CLI install steps using the TerminalScene component, timed to your narration script.

Frequently Asked Questions about synthetic-screen-recording

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a fake terminal screen recording in Remotion?

Use the TerminalScene component from remotion-composer. Define a steps array with cmd, out, pause, and pill entries, add a cut of type terminal_scene to your composition builder, and render. The component types commands character-by-character with a blinking cursor.

Should I record my real screen or synthesize a terminal demo?

Synthesize when commands and outputs are predictable and you need frame-accurate narration sync, reproducibility, or privacy. Capture a real screen only when the demo needs a live app UI, unpredictable timing like streaming output, or the user explicitly wants their actual desktop recorded.

How do I sync terminal commands with narration in a video?

Start the scene with a pause reaching the first narration cue, time each cmd to begin when its narration line starts, and bridge gaps between command groups with pauses. Run the provided trace script to verify each step's video-time lands adjacent to its cue.

What tool should I use for recording a browser demo instead of a terminal?

Use the playwright-recording skill for browser flows, since TerminalScene only fakes terminal sessions. For real desktop capture, use the ffmpeg-based screen_recorder tool or Cap via cap_recorder.

Why does my terminal scene finish before the narration ends?

Steps running continuously burn through content early, leaving a frozen terminal. Fix it by inserting pauses that bridge to each narration cue and ending with a closer hold, then verify total step durations equal the scene duration with the trace script.