dev-browser

Automate browser workflows with MCP tools for navigation, form filling, and screenshots.

10.9k|1.3k|Updated Jan 14, 2026
One-click install
npx skills add https://github.com/accomplish-ai/accomplish --skill dev-browser-accomplish-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dev-browser
Source: https://github.com/accomplish-ai/accomplish/tree/main/packages/agent-core/mcp-tools/dev-browser
Command: npx skills add https://github.com/accomplish-ai/accomplish --skill dev-browser-accomplish-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates browser tasks using MCP tools to control web flows—navigating sites, clicking, typing, filling forms, taking screenshots, and data extraction.

Core Features & Use Cases

  • Deterministic browser actions: Use the MCP toolset to script reliable navigations, form fills, clicks, and screenshots without shell commands.
  • Runtime element discovery & automatic snapshots: Actions locate elements at runtime and return the final page state for verification; supports multi-step flows and tab handling.
  • Use Case: Imagine automating a sign-up flow that requires navigating to a page, filling fields, submitting, and validating a confirmation message.

Quick Start

Use browser_script to perform a complete browser automation task in one call, e.g., navigate, fill, submit, and snapshot the final page state.

Frequently Asked Questions about dev-browser

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

FAQPage Schema
How do I automate browser tasks like form filling and screenshots?

Browser automation uses MCP tools to script deterministic actions—navigation, clicking, typing, and snapshots—without shell commands. The dev-browser Skill executes these tasks with runtime element discovery, returning the final page state for verification across multi-step workflows.

Can I automate login flows and multi-step web interactions?

Yes. Browser automation supports login flows and multi-step interactions by combining navigation, form fills, clicks, and verification actions in a single script. Runtime element discovery locates fields dynamically, and automatic snapshots capture confirmation states.

What's the difference between browser automation with Playwright and using MCP tools?

MCP-based browser automation provides deterministic control through high-level commands (browser_script, browser_click, browser_snapshot) without requiring shell execution or direct Playwright setup, simplifying scripting for web workflows within a managed toolset.

Do I need coding experience to automate browser tasks?

Browser automation with MCP tools uses declarative scripting—specify actions (navigate, fill, click, snapshot) as commands rather than writing code. Runtime element discovery handles locating fields, reducing the prerequisite knowledge for basic web workflows.

How do I extract data from web pages during automation?

Data extraction combines navigation and element interaction with snapshots that capture page state. After clicking, filling, or navigating, automatic final-page snapshots provide the rendered output for parsing and validation within your workflow.

What happens if a form element isn't found during automation?

Runtime element discovery locates elements dynamically during execution. If an element isn't found, the action fails with diagnostic information; use snapshots between steps to verify page state and adjust element selectors or navigation logic accordingly.