Verify On Browser 1 0 0

What This Skill Does

The Verify On Browser 1.0.0 skill provides a powerful interface for controlling a web browser using the Chrome DevTools Protocol (CDP). By leveraging the browser MCP server, this skill allows the agent to perform granular automation tasks, ranging from basic navigation and page interaction to complex DOM manipulation, network traffic management, and JavaScript execution. It effectively transforms your AI agent into a full-featured browser-based bot capable of interacting with modern web applications as a human would, but with the precision and speed of raw protocol access.

Installation

To integrate this skill into your environment, run the following command in your terminal: clawhub install openclaw/skills/skills/nonggialiang/verify-on-browser-1-0-0

Use Cases

• Automated Testing: Perform end-to-end testing of web applications by programmatically triggering clicks and validating UI state.
• Web Scraping: Extract complex data from pages that require JavaScript rendering by executing evaluation scripts directly in the browser context.
• Session Management: Automate authentication flows, handle cookies, and inject custom headers for API testing.
• Viewport Testing: Simulate various mobile and desktop device configurations to verify responsive design implementations.
• Interaction Bots: Create agents that can fill out forms, handle complex workflows, or perform repetitive manual actions on enterprise portals.

Example Prompts

1. "Navigate to https://example.com/login, fill in the username and password fields using IDs #user and #pass, and click the submit button."
2. "Capture a full-page screenshot of the dashboard at https://app.example.com and tell me if the error banner is present by checking the DOM."
3. "Open the browser, set the viewport to iPhone 12 Pro dimensions, navigate to my website, and confirm the mobile navigation menu is clickable."

Tips & Limitations

• Precision is Key: Since this tool uses raw CDP, ensure your selectors match the DOM exactly. Using DOM.getDocument followed by DOM.querySelector is the most reliable way to target elements.
• Network First: Always enable the Network domain (Network.enable) before attempting to modify headers or clear caches.
• Performance: While powerful, heavy use of CDP commands can be resource-intensive. Clean up by calling close_browser() once your task is complete to prevent memory leaks.
• Security: Because this skill executes arbitrary JavaScript and interacts with live websites, ensure you only use it on trusted domains to prevent accidental exposure of sensitive local environment variables or cookies.