Menu
Capture local dev-server screenshots with Playwright for Beans preview workflows, especially for `/beans/` routes and visual verification of new pages or content edits.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Create or update a bean entry from handwritten scans while preserving line breaks, handling CompanionComment formatting correctly, maintaining spans, and avoiding low-value boilerplate transcription.
Create a new bean entry with the correct file shape, public identifier, frontmatter, imported images, and Beans-specific markdown conventions.
Close out a Beans work session cleanly by validating work, finishing Beads-managed tasks correctly, landing on main, and pruning closed worktrees.
Use when adding, changing, or reorganizing AI guidance in this repository. Prefer Rulesync skills over commands, subagents, or hooks for reusable workflows, and always edit Rulesync sources before generating tool-specific AI config files.
Generates and syncs AI rule configuration files (.cursorrules, CLAUDE.md, copilot-instructions.md) across 20+ coding tools from a single source. Use when syncing AI rules, running rulesync commands, importing or generating rule files, or managing shared AI coding configurations.
Create a new glossary term entry with the correct schema, compact body, and lightly sourced Beans field-guide tone.
| name | playwright-preview |
| description | Capture local dev-server screenshots with Playwright for Beans preview workflows, especially for `/beans/` routes and visual verification of new pages or content edits. |
Use this skill when you need a headless browser preview of a running Beans page.
npm install
node_modules/.bin/playwright install --with-deps chromium
npm run dev
node dev/playwright/screenshot.mjs \
"http://localhost:4321/beans/log/2026-02-05-bean1/" \
"dev/playwright/preview.png" \
--full-page
http://localhost:<port> URLs so Playwright can reach the dev server.--full-page for long entries and --wait=500 when the page needs a short settle.npm run dev-local is used, switch the URL to port 4322./beans/ routes in previews so screenshots match the deployed base path.If needed, start the Playwright MCP server:
npx -y @playwright/mcp@latest --port 5173 --viewport-size 1440x900 --caps vision
The MCP endpoint is http://localhost:5173/mcp with SSE at /sse.