synthetic-screen-recording

Generates synthetic terminal screen recordings in Remotion using the TerminalScene component.

Updated Sep 1, 2026
One-click install
npx skills add https://github.com/zamansepeti43/c-rak-agent --skill synthetic-screen-recording-zamansepeti43
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: synthetic-screen-recording
Source: https://github.com/zamansepeti43/c-rak-agent/tree/main/video-engine/.agents/skills/synthetic-screen-recording
Command: npx skills add https://github.com/zamansepeti43/c-rak-agent --skill synthetic-screen-recording-zamansepeti43

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Real desktop screen capture for terminal 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 terminal recording in Remotion instead of capturing a real screen, and shows how to author deterministic, narration-synced terminal scenes. ## 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, driven by a declarative steps array. - Narration pacing rules: A timing methodology (plus a trace script) ensuring every typed command lands exactly on its narration cue instead of burning through content early. - Use Case: You need a 60-second install walkthrough where each git clone and npm install command appears exactly when the voiceover mentions it. Author the steps array with pauses aligned to narration cues, render in Remotion, and get pixel-identical output on every re-render. ## Quick Start Ask the agent to create a synthetic terminal recording in Remotion using TerminalScene that types your install commands synced to the narration timestamps.

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 with a steps array of cmd, out, pause, and pill entries. Each cmd types character-by-character at a configurable typeSpeed, out lines fade in instantly, and pauses hold the frame so you can align everything with narration cues.

When should I synthesize a screen recording instead of capturing my real desktop?

Synthesize when the demo is a terminal or CLI session with predictable commands and outputs, when you need frame-exact narration sync, or when your desktop shows private windows. Capture real footage only for live app UIs, unpredictable timing, or explicit user requests.

How do I sync terminal commands with narration timing in Remotion?

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 sum step durations and verify they match the scene length before rendering.

Should I use Playwright or Remotion for recording a browser demo?

Use Playwright recording for real browser flows with live state that cannot be faked. Use Remotion synthesis only for terminal and CLI sessions where you can author the exact command and output sequence in advance.

Why does my terminal scene finish all steps before the narration ends?

This happens when steps run continuously without pauses matched to narration cues. Insert pause steps that bridge to each cue's video time, begin with at least a 2-second intro pause, and verify total step duration equals scene duration with the trace script.