skills/peekaboo/SKILL.md
Invoke Peekaboo-powered autonomous agents for visual GUI tasks. This skill should be used when the task requires visual understanding, GUI automation, design QA comparison, UI testing, or user research recording. Triggers on requests like "compare this design to the implementation", "test this UI flow", "automate clicking through this app", or "record this user session".
npx skillsauth add szoloth/skills peekabooInstall 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.
Autonomous Agent SDK applications that use Peekaboo's MCP server for visual understanding and GUI control. Located at ~/Projects/peekaboo-agents.
Ensure Peekaboo MCP server is running before invoking any agent. If visual tools are not available, inform user to start Peekaboo.
General-purpose GUI automation
When to use:
Invocation:
cd ~/Projects/peekaboo-agents/computer-use-agent && npm start -- "TASK_DESCRIPTION"
Example:
cd ~/Projects/peekaboo-agents/computer-use-agent && npm start -- "Open System Preferences and enable Dark Mode"
Visual design comparison - mockup vs implementation
When to use:
Invocation:
cd ~/Projects/peekaboo-agents/design-qa-validator && npm start -- "DESIGN_URL" "IMPLEMENTATION_URL"
Example:
cd ~/Projects/peekaboo-agents/design-qa-validator && npm start -- "https://figma.com/file/abc123" "http://localhost:3000/dashboard"
Output: Generates detailed QA report with measurements, discrepancies, and CSS fix suggestions.
Natural language UI testing
When to use:
Invocation:
cd ~/Projects/peekaboo-agents/smart-qa-agent && npm start -- "TEST_SCENARIO"
Example:
cd ~/Projects/peekaboo-agents/smart-qa-agent && npm start -- "Navigate to the login page, enter invalid credentials, verify error message appears"
Output: Test report with screenshot evidence at each step.
Session recording with JTBD analysis
When to use:
Invocation:
cd ~/Projects/peekaboo-agents/user-research-recorder && npm start -- "SESSION_NAME" "DURATION_MINUTES"
Example:
cd ~/Projects/peekaboo-agents/user-research-recorder && npm start -- "onboarding-test-p01" "30"
Output: Session recording with timestamped screenshots and event annotations.
When user requests visual/GUI task, route to appropriate agent:
| Request Pattern | Agent | |----------------|-------| | "Compare design to implementation" | Design QA Validator | | "Test this flow/feature" | Smart QA Agent | | "Record user session" | User Research Recorder | | General GUI automation | Computer Use Agent |
& or in a separate terminal.reports/ or sessions/.npm install in each agent directory first.content-media
Fetch transcripts from YouTube videos for summarization and analysis.
documentation
This skill should be used when reviewing or editing written drafts to ensure they match Sam's personal style guide. It prioritizes voice preservation and anti-beige detection while catching structural gaps. Triggers on requests to review, edit, or improve written content.
tools
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
development
Web search and content extraction using Brave Search. Use when researching topics, finding documentation, extracting article content, or gathering information from the web. No browser required - works headlessly.