Browser Testing With Screenshots

This wraps the browser-tools CLI suite from agent-tools into a visual testing workflow. You get Chrome DevTools Protocol commands for navigating, screenshotting, and interacting with web apps during development. The interactive element picker (browser-pick.js) is the standout here since it lets you click elements in the actual browser instead of hunting for selectors. Most useful when you're testing localhost apps and need visual confirmation that UI changes work, not just that the DOM exists. The setup requires cloning and installing agent-tools separately, so it's more dependency overhead than a pure Node testing framework, but the screenshot-driven approach makes it easier to debug what's actually rendering versus what you expected.

Install to Claude Code

npx -y skills add agentworkforce/relay --skill browser-testing-with-screenshots --agent claude-code