dev-browser

Automate browser interactions with MCP tools and runtime element discovery.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/TechyPark/ai-mosiur-agent --skill dev-browser-techypark
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dev-browser
Source: https://github.com/TechyPark/ai-mosiur-agent/tree/main/packages/agent-core/mcp-tools/dev-browser
Command: npx skills add https://github.com/TechyPark/ai-mosiur-agent --skill dev-browser-techypark

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a robust and reliable way to automate browser interactions, ensuring that all web-based tasks are performed within a controlled environment, preventing errors caused by using the user's default browser.

Core Features & Use Cases

  • Browser Automation: Execute complex multi-step workflows, including navigation, form filling, clicking, and data extraction.
  • Runtime Element Discovery: Automatically finds elements using CSS selectors, eliminating the need for pre-defined references.
  • Error Recovery: Provides detailed error messages and strategies for handling common issues like overlays or stale element references.
  • Use Case: Automate the entire process of logging into a web application, filling out a multi-page form, and submitting it, all within a single, efficient command.

Quick Start

Use the browser_script tool to navigate to "https://example.com", fill the email field with "[email protected]", and then click the submit button.

Frequently Asked Questions about dev-browser

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

FAQPage Schema
How do I automate web scraping and form filling without using my default browser?

Browser automation handles web scraping and form filling within a controlled browser instance, preventing errors caused by using your default browser. It executes multi-step workflows like navigation, clicking, and data extraction safely.

What is runtime element discovery for browser automation?

Runtime element discovery is a mechanism that automatically finds web elements using CSS selectors during browser automation. This eliminates the need for pre-defined references, allowing dynamic interaction with web pages as they load.

How do I automate a multi-page form submission workflow end to end?

To automate multi-page form submission, use the browser_script tool to navigate to the target URL, fill the required fields, and click submit. The workflow supports complex navigation and handles errors like overlays or stale element references automatically.

Can I execute shell commands to control the browser during workflow automation?

No, you cannot execute shell commands for browser control. The Skill strictly prohibits shell commands, ensuring all web tasks and browser interactions are executed exclusively through dedicated MCP tools for safe, reliable automation.

Does browser automation provide error recovery for overlays and stale elements?

Yes, browser automation provides robust error recovery for common issues like overlays or stale element references. It delivers detailed error messages and strategies to handle these obstacles, ensuring workflow continuity.

What is the best way to handle workflow automation for data extraction from web applications?

The best way to handle data extraction is using a controlled browser instance with runtime element discovery. This approach navigates web applications, locates elements via CSS selectors, and extracts data without pre-defined references.