skills.rest
roundpilot
roundpilotCOMMUNITY
Explore all skills by this author →
GitHub

browser-testing

Automate UI verification with screenshots, DOM inspection, and user flow recording.

53|4|Updated Jun 11, 2026
Search Tags:#browser automation#UI testing#screenshot#visual verification#DOM inspection
One-click install
npx skills add https://github.com/roundpilot/superpowers-antigravity --skill browser-testing-roundpilot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-testing
Source: https://github.com/roundpilot/superpowers-antigravity/tree/main/skills/browser-testing
Command: npx skills add https://github.com/roundpilot/superpowers-antigravity --skill browser-testing-roundpilot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the visual verification of UI work, ensuring that frontend or UI changes are correct before they are claimed to be done.

Core Features & Use Cases

  • Automated Screenshotting: Take screenshots of the current state of the page, embedding them in a walkthrough artifact.
  • DOM Inspection: Verify the structure of the DOM to ensure correct elements, classes, and attributes are present.
  • User Flow Recording: Record a walkthrough of the key user flow for multi-step interactions.
  • Integration with Verification Process: Complements the verification process, providing evidence before assertions.

Quick Start

Activate the browser-testing skill with /browser when UI verification is needed.

Frequently Asked Questions about browser-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate visual verification of UI changes before claiming work is done?▼

Automate visual verification of UI changes by capturing screenshots, inspecting the DOM for correct elements and attributes, and recording user flows. This provides concrete evidence of UI correctness before asserting a task is complete.

Can I record multi-step user flows for frontend testing?▼

Yes, you can record a walkthrough of key user flows for multi-step frontend interactions. This user flow recording complements the visual verification process by demonstrating functional sequence correctness alongside screenshots.

Do I need browser automation tools to inspect the DOM and take screenshots?▼

Yes, browser automation tools and DOM inspection capabilities are required. The skill relies on these dependencies to autonomously capture the page state, inspect structural elements, and record interactive user flows.

What's the best way to verify UI elements and classes are present in the DOM?▼

Use DOM inspection to verify the structure of the page, ensuring correct elements, classes, and attributes are present. This structural verification pairs with screenshot artifacts to validate frontend changes comprehensively.

How do I capture a walkthrough artifact of the current page state for UI testing?▼

Capture a walkthrough artifact by taking automated screenshots of the current page state. This visual verification mechanism embeds the screenshots to provide evidence of UI correctness for frontend development workflows.

Related Skills

Explore More Software Engineering Skills→
SternrasslerSternrassler
1

Chrome DevTools MCP Skill

Automate browser interactions and testing via the Chrome DevTools MCP Server.

Official
Advanced
bacocobacoco
7

sg-visual-review

Generate an interactive HTML review page for visual test results.

Community
Advanced
WellApp-aiWellApp-ai
341

design-context

Align UI decisions with design system tokens, Storybook stories, and codebase patterns.

Official
Basic
aquariuscookaquariuscook

visual-testing-advanced

Compare screenshots across viewports and browsers to detect visual regressions.

Community
Advanced