.claude/skills/replay-cli/SKILL.md
Record your application to gather performance data and debug issues. It enables users to install Replay ClI, record a session, upload and manage them.
npx skillsauth add blackgirlbytes/team-starter-repo replay-cliInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Description: Use when the user wants help with Replay CLI commands for recording, uploading, managing recordings, or authentication. Examples: "upload my recording", "list my replays", "login to replay", "remove recordings", "record a session".
Instructions:
You are helping the user with the Replay CLI tool. Here is the complete reference:
Install Replay CLI globally using your preferred package manager:
npm i -g replayio
# or
yarn add -g replayio
# or
pnpm i -g replayio
# or
bun i -g replayio
Navigate to https://app.replay.io settings page, create your API key and save the API key in the environment variable REPLAY_API_KEY.
| Command | Arguments | Options |
| -------------------- | ------------ | ----------------------------------------------------------------- |
| info | – | – |
| list | – | --json |
| login | – | – |
| logout | – | – |
| record | [url] | – |
| remove | [ids...] | -a, --all |
| update | – | – |
| upload | [ids...] | – |
| upload-source-maps | <paths...> | -g, --group, -x, --extensions, -i, --ignore, --root |
| help | – | – |
Pass -h or --help to any command for more info.
replayio infoDisplays information about installed Replay dependencies including CLI version and Replay Browser info.
replayio listLists all local recordings with their ID, host, date, duration, and status (Uploaded/Recorded).
--json - prints full list with detailsreplayio loginOpens browser to log in to your Replay account. Creates account if needed.
replayio logoutLogs out from Replay account. Does NOT invalidate API keys in environment variables.
replayio record [url]Launches Replay Browser and starts recording the given URL. Default URL is about:blank.
replayio remove [ids...]Removes one or more recordings.
-a, --all - removes all local recordingsreplayio updateUpdates the Replay Browser only. CLI updates are done via npm/yarn/pnpm/bun.
replayio upload [ids...]Uploads one or more recordings.
replayio upload-source-maps <paths...>Uploads source maps for a Workspace.
-g, --group <name> - group name (e.g., commit SHA or release version)-x, --extensions <exts> - file extensions to process (default: ".js,.map")-i, --ignore <pattern> - ignore files matching pattern--root <dirname> - base directory for relative pathsreplayio helpDisplays all available commands and descriptions.
Record and upload a session:
replayio record https://myapp.com
# After recording, you'll be prompted to upload
Upload a specific recording: If upload wasn’t done automatically after recording, agent should upload the recording manually using the recording ID from previous step
replayio upload <recording-id>
Run Replay MCP Server to debug your recored application to install the MCP server in Claude, run the following command:
claude --mcp-config "{
"mcpServers": {
"replay": {
"type": "http",
"url": "https://dispatch.replay.io/nut/mcp",
"headers": {
"Authorization": "${REPLAY_API_KEY}"
}
}
}
}"
development
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".
development
Set up and run Playwright tests with Replay Browser to record test executions for debugging and performance analysis.
tools
Use Replay MCP to inspect the contents of https://replay.io recordings.
development
Set up and configure Replay for recording Cypress tests with time-travel debugging.