StealIt
LearnWithHasanClaude skill for video editing

Fake Screencast

fake-screencast

Turn static SCREENSHOTS into a simulated screen recording (TSX) — a fake screencast with an animated cursor that eases to targets and clicks, a browser URL bar that updates per page, hard-cut navigations, in-page filter crossfades, smooth scroll, and a ken-burns zoom onto the payoff. Use when a beat needs to show a walkthrough of a web app / dashboard / settings page and you'd rather build it from screenshots than get (or ask for) a real screen recording — "fake a screen recording", "turn these screenshots into a screencast", "simulate clicking through the dashboard", "animate this UI walkthrough", "cursor moving through the app". Built on remotion/src/lib/screencast.tsx. This is a technique WITHIN step 2 (make-tsx): defer timeline/render/bake orchestration to make-tsx and raw crash-free TSX rules to vidtsx-2d-generator. Not for a single static page clone (use WebBrowserFrame directly) and not when the point is genuine proof of real speed/output (use a real recording).

Install

Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.

$ npx skills add hassancs91/claude-youtube-editor --skill fake-screencast

Needs Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.

How to use Fake Screencast

Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /fake-screencast.

It contains no scripts, only instructions and reference files, so it can't run code on its own.

What the instructions cover

  1. 1When this is the right tool (decision gate)
  2. 2Step 1 — get the screenshots (ask the user)
  3. 3Step 2 — the library API (remotion/src/lib/screencast.tsx)
  4. 4Step 3 — timing + coordinates
  5. 5Gotchas (each of these cost a render to find)
  6. 6Step 4 — verify, then hand back to make-tsx
  7. 7The canonical shape — copy this choreography

Section headings from the skill's SKILL.md file.

What's inside · 1 files

  • SKILL.md

More from LearnWithHasan

See all →

Brand Setup

Makes this repo's videos look like YOUR channel instead of the house default — interviews you for palette, fonts, wordmark, motion energy, delivery specs and SFX taste, then…

Video & MotionLearnWithHasan364

Clean Audio

Voice/audio cleanup step of the AI Video Editor pipeline — diagnose a video's background noise, pick the right denoise method, and produce a cleaned master (voice isolated, levels…

Video & MotionLearnWithHasan364

Clean Cut

Step 1 of the AI Video Editor pipeline — turn raw talking-head footage into a clean master cut. Use when the user wants to "clean cut", "cut the raw footage", "remove filler /…

Video & MotionLearnWithHasan364

Make Tsx

Step 2 of the AI Video Editor pipeline — build the visual beats (Remotion TSX shots) over a project's master cut and bake a composited preview. Use when the user wants to add/edit…

Video & MotionLearnWithHasan364

More Claude skills for video editing

See all →

HyperframesTop pick

Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch films, explainers, music videos, charts, maps, vertical clips…

Video & MotionHeyGen79k

Slack GIF Creator

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for…

Video & MotionAnthropic187k

AI Video Gen

Generate AI videos from text prompts using multiple provider gateways. Use when: (1) Generating videos from text descriptions, (2) Creating AI-generated video clips for content…

Video & MotionOpenMontage76k