Agent skill · creative production · aiskillstore
screenci
Create, show, and guide with ScreenCI videos in an already-initialized project by editing `.screenci.ts` files and running the Screenci workflow.
Why this skill is useful
Adds specific commands and patterns for creating and managing ScreenCI videos that the AI wouldn't reliably generate on its own.
What it needs
Requires npm installed locally. About 5k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
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. 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 The project is already initialized. Add or edit scripts in recordings/. If you are creating new videos, remove the starter recordings/example.screenci.ts. test forwards normal playwright test arguments and still injects the resolved screenci.config.ts. --config/-c and --verbose/-v are reserved for the ScreenCI CLI, not forwarded to Playwright. What ScreenCI Adds ScreenCI uses Playwright-style .screenci.ts files plus recording helpers: video() declares one output video per test. hide() cuts setup and loading sections from the final recording. autoZoom() follows navigation and click-driven flows with smooth camera motion. Use it for movement between targets. zoomTo() / resetZoom() hold a fixed frame for forms and steady editing sections. video.narration({ ... }) is mandatory (see below). Use the fixture that matches the requested content instead of working around it: video.values(...) for app-managed text or localized copy the app does not populate itself. video.audio(...) for background music or sound effects that should mix under the recording. selected(name, options) inside video.overlays(...) when the video should reuse another ScreenCI-made intro, outro, bumper, or screenshot instead of a repository asset file. Narration Declare video.narration({ ... }) on every video and speak throughout the demo. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/screenci