browser-automation

Automate Chrome browser interactions via natural-language commands and Playwright.

Updated Dec 17, 2025
One-click install
npx skills add https://github.com/Shahfarzane/claude-code-browser-skills --skill browser-automation-shahfarzane
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-automation
Source: https://github.com/Shahfarzane/claude-code-browser-skills/tree/main/.claude/skills/browser-automation
Command: npx skills add https://github.com/Shahfarzane/claude-code-browser-skills --skill browser-automation-shahfarzane

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables natural-language control of a Chrome browser via Claude Code, reducing the time spent manually navigating, testing, scraping, and documenting web pages. It preserves browser state across commands and provides deterministic actions with visual verification.

Core Features & Use Cases

  • Natural Language Navigation: Open URLs and browse pages using plain-English instructions.
  • Data Extraction & Design Tokens: Retrieve structured data and design tokens from any site for quick insights.
  • Screenshots & Debugging: Automatically capture screenshots after actions for verification and auditing.
  • Session Persistence & Stealth: Maintain login state across commands and minimize bot-detection signals for smoother automation.
  • DevTools & Debugging: Observe network requests and console logs to diagnose issues.

Quick Start

Navigate to https://example.com browser navigate https://example.com browser extract "get the page title" '{"title": "string"}' browser screenshot browser close

Frequently Asked Questions about browser-automation

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

FAQPage Schema
How do I automate browser tasks with natural language commands?

Browser automation lets you control Chrome using plain-English instructions through Claude Code. Navigate pages, extract data, fill forms, and capture screenshots by describing what you want the browser to do, eliminating manual repetition and reducing testing time.

Can I extract structured data and design tokens from websites?

Yes, the browser automation Skill retrieves structured data and design tokens from any site using schema validation. Specify the data format you need, and it extracts and validates the output, making it fast to gather product information, design systems, or other web content.

Does browser automation work with Playwright and Chrome DevTools Protocol?

Browser automation integrates with Playwright through Chrome DevTools Protocol, providing deterministic actions with visual verification. It maintains login state across commands, observes network requests and console logs, and minimizes bot-detection signals for reliable session persistence.

How do I verify browser actions and debug page issues?

Automatic screenshot capture after each action provides visual verification and audit trails. DevTools integration lets you observe network requests and console logs, enabling quick diagnosis of page behavior and navigation errors without manual inspection.

What are the setup requirements and environment prerequisites?

Browser automation requires local environment prerequisites and setup verification before use. It operates through CLI-based commands compatible with Claude Code, supporting Chrome DevTools Protocol integration for persistent sessions and deterministic element discovery and interaction.

Can I use browser automation for web scraping and form submission?

Browser automation handles web scraping, form submission, login workflows, and web searches through natural-language commands. Use cases include extracting product data from e-commerce pages, submitting contact forms, logging into dashboards, and monitoring websites across sessions.