From so-record
Download binaries, configure Playwright MCP, and set up video recording. Run once per project.
How this skill is triggered — by the user, by Claude, or both
Slash command
/so-record:so-setupThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Download binaries, configure Playwright MCP, and set up video recording. Run once per project.
Download binaries, configure Playwright MCP, and set up video recording. Run once per project.
/so-setup
mcp__playwright__*Bash(${CLAUDE_PLUGIN_ROOT}/scripts/download-binaries.sh)WriteRead${CLAUDE_PLUGIN_ROOT}/scripts/download-binaries.sh
This downloads so, so-engine-cli, native-export-cli, and ffmpeg to ~/.so/bin/. It also adds ~/.so/bin to the user's shell profiles automatically.
Check if .mcp.json exists in the current directory. Read it if so. If it already has a playwright entry, skip.
Otherwise, use the Write tool to create .mcp.json. Use the playwright-config: path from the download script output.
Example .mcp.json:
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["@playwright/mcp@latest", "--config", "PLAYWRIGHT_CONFIG_PATH"]
}
}
}
Replace PLAYWRIGHT_CONFIG_PATH with the actual path from the download output.
Tell the user exactly this:
Setup complete. Close your terminal, reopen it, then start Claude Code again. This is needed once so the
socommand and Playwright MCP are available.After restarting, use
/so-record <instructions>to record browser sessions.
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