skills.rest
lttr
lttrCOMMUNITY
Explore all skills by this author →
Website𝕏@lukastrummGitHub

browser-tools

Control Chrome via DevTools Protocol to automate browser testing and web-page tasks.

2|1|Updated Nov 11, 2025
Search Tags:#web scraping#JavaScript#browser testing#screenshot#DevTools#web interaction#Chrome automation
One-click install
npx skills add https://github.com/lttr/claude-marketplace --skill browser-tools
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-tools
Source: https://github.com/lttr/claude-marketplace/tree/main/plugins/browser-tools/skills/browser-tools
Command: npx skills add https://github.com/lttr/claude-marketplace --skill browser-tools

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Interacting with web pages for testing, data extraction, or automation often requires manual browser actions or complex scripting. This skill provides a suite of command-line tools to programmatically control Chrome, simplifying web interactions and enabling efficient browser-based workflows.

Core Features & Use Cases

  • Chrome Automation: Launch Chrome, navigate to URLs, execute JavaScript, and capture console logs.
  • Interactive Element Selection: Use browser-pick to visually select elements on a page, returning their details for further interaction or data extraction.
  • Web Testing & Debugging: Capture screenshots, inspect cookies, and monitor console output for debugging web applications or verifying UI/UX.
  • Use Case: A QA engineer needs to verify a new feature on a staging website. They can use this skill to start Chrome, navigate to the page, execute JavaScript to trigger the feature, take a screenshot of the result, and then check the console for any errors, all through simple commands.

Quick Start

Start Chrome with a fresh profile, navigate to 'https://example.com', and take a screenshot of the page.

Frequently Asked Questions about browser-tools

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

FAQPage Schema
How do I automate Chrome to test a webpage without manual browser interaction?▼

Browser automation via Chrome DevTools Protocol lets you programmatically launch Chrome, navigate to URLs, execute JavaScript, and capture screenshots—eliminating manual testing steps. This Skill wraps Chrome DevTools commands into simple CLI tools for test and debugging workflows.

Can I extract data from a webpage using browser automation and JavaScript execution?▼

Yes. Execute JavaScript directly on any loaded page to extract, query, or manipulate DOM elements and return results. Combined with element selection and screenshot capture, you can extract structured data and verify page state for web scraping and testing.

What's the best way to take screenshots and inspect page state during automated testing?▼

Capture full-page screenshots, inspect cookies, and monitor console output through command-line tools that connect to Chrome via remote debugging. This enables visual verification, cookie validation, and error detection in CI/CD and QA workflows.

Do I need to write complex scripts to select and interact with specific elements on a page?▼

No. The `browser-pick` tool provides visual element selection—point and click on a webpage to return element details, CSS selectors, and properties for further interaction or data extraction without writing selector logic.

Can I run browser automation commands from the command line without a GUI?▼

Yes. All automation tasks—launching Chrome, navigating, evaluating scripts, capturing output—are exposed as CLI-based commands runnable from PATH, making them suitable for headless environments, CI pipelines, and automated workflows.

What are the limitations of browser automation for web interaction and data extraction?▼

Browser automation works within Chrome's capabilities on a single machine via port 9222. Complex JavaScript-heavy sites may require timing adjustments, and large-scale scraping across many pages benefits from parallel orchestration outside this Skill's scope.

Related Skills

Explore More Software Engineering Skills→
GraffiohGraffioh

web-browser

Automate Chrome browser interactions via the Chrome DevTools Protocol.

Community
Advanced
Snowflake-LabsSnowflake-Labs
12

read-ors-configuration

A concise summary of your roleplay character: name,</name> personality, and/or behavior, formatted as a single string sentence. Typically不超过50字，此处省略

Official
Intermediate
pixbspixbs
1

front-end-testing

Test React components and JavaScript UIs with Vitest and DOM Testing Library.

Community
Intermediate
SecurityRoninSecurityRonin
1

browser-automation

Automate browser tasks and testing across Playwright, Puppeteer, Selenium, and CDP workflows.

Official
Intermediate