ScreenCI Video and Guide Skill

Use this skill when the task is about ScreenCI video recording in an existing project: creating a video, showing a flow as a video, or editing .screenci.ts / screenci.config.ts files.

Routing:

• If the user gives a URL for video context, use the playwright-cli skill first to discover the real page flow, stable selectors, and cookie/consent steps before editing the script. Never write your own Playwright script to explore: it starts signed out and behaves nothing like the recorder.
• If the user gives source code for the target page, browser exploration is usually not needed first.
• If the request is only about application/source-code changes (not recording), do not use this skill.

Quick Start

If the user pasted a prompt with a setup code (SC-XXXX-XXXX), the project is set up by that code, not by init. Run this in the repository of the app to record (or an empty folder) and follow the brief it prints:

npx screenci@latest start SC-XXXX-XXXX
# --name "<project name>" picks the new project's name (default: the folder name)
# --dir <path> when ./screenci already belongs to another project