From so-record
Record a Playwright browser session and produce a polished, cinematic video with auto-zoom, rounded corners, background, and drop shadow.
How this skill is triggered — by the user, by Claude, or both
Slash command
/so-record:so-recordThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Record a Playwright browser session and produce a polished, cinematic video with auto-zoom, rounded corners, background, and drop shadow.
Record a Playwright browser session and produce a polished, cinematic video with auto-zoom, rounded corners, background, and drop shadow.
/so-record Navigate to stripe.com and explore the pricing page
/so-record Go to github.com/anthropics/claude-code, star the repo, browse issues
/so-record # (no args = start recording mode, use /so-stop to end)
mcp__playwright__*Bash(so session *, so hook)so session init
Note: so must be on PATH. If not found, tell user to add ~/.so/bin to their PATH or run /so-setup.
If this prints "ERROR", tell the user to run /so-setup and stop.
Otherwise it prints a SESSION_ID. Remember it.
If args provided: Use Playwright MCP tools to do the task. Navigate, click, fill — whatever is needed.
If no args: Say "Recording. Use /so-stop when done."
mcp__playwright__browser_closeso session finalize SESSION_ID
Replace SESSION_ID with the actual ID from step 1.
This single command handles everything: finds the video, extracts cursor data from console logs, transcodes, computes zoom, applies cinematic composition, and opens the result.
Report the video path from the output.
$HOME/.so/bin/so with subcommands.browser_start_video or browser_stop_video. Video recording is automatic.Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
npx claudepluginhub oscarnevarezleal/so-record-plugin --plugin so-record