Skills
.Work. You
Rest

browser-mcp

Official

Direct Browser Automation for Debugging and Design

Software Engineering#debugging#browser automation#front-end development#Chrome#design critique
AuthorCodecaine-AI
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates browser actions, enabling debugging and design critique directly in the user's Chrome browser, eliminating the need for separate browser instances or infrastructure setup.

Core Features & Use Cases

  • Browser Automation: Navigate, interact, and capture states within the user's Chrome browser.
  • Design Critique: Apply Jony Ive's design principles to evaluate UI/UX.
  • Front-End Debugging: Collaboratively identify and fix front-end issues.
  • Use Case: When you need to debug a front-end issue, the skill can help navigate to the page, click elements, and capture screenshots to diagnose the problem.

Quick Start

Execute /browser-mcp:debug to start debugging or /browser-mcp:critique to initiate a design critique.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: browser-mcp
Download link: https://github.com/Codecaine-AI/MainMenu/archive/main.zip#browser-mcp

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.