skills.rest
NicktheQuickFTW
NicktheQuickFTWCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

browser

Automates browser actions and data collection using the Chrome DevTools Protocol.

Updated Aug 27, 2026
Search Tags:#automation#cdp#browser#web-scraping#chrome-devtools#javascript-evaluation
One-click install
npx skills add https://github.com/NicktheQuickFTW/FlexTime --skill browser-nickthequickftw
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser
Source: https://github.com/NicktheQuickFTW/FlexTime/tree/main/.factory/skills/browser
Command: npx skills add https://github.com/NicktheQuickFTW/FlexTime --skill browser-nickthequickftw

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill reduces the manual overhead of browser testing and data collection by offering a minimal set of CDP-based tools to start Chrome, navigate pages, run JavaScript, capture screenshots, and interactively select DOM elements.

Core Features & Use Cases

  • Start Chrome with remote debugging on a dedicated port.
  • Navigate pages or open new tabs and evaluate JavaScript in the active page.
  • Take screenshots of the current viewport and inspect DOM elements interactively.
  • Use cases include UI testing, automated demos, and debugging sessions for web applications.

Quick Start

Start Chrome with remote debugging and use the provided commands:

  • ~/.factory/skills/browser/start.js # Fresh profile
  • ~/.factory/skills/browser/start.js --profile # Copy your profile (cookies, logins)
  • ~/.factory/skills/browser/nav.js https://example.com
  • ~/.factory/skills/browser/nav.js https://example.com --new
  • ~/.factory/skills/browser/eval.js 'document.title'
  • ~/.factory/skills/browser/screenshot.js
  • ~/.factory/skills/browser/pick.js "Click the submit button"

Frequently Asked Questions about browser

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

FAQPage Schema
How do I automate browser actions using the Chrome DevTools Protocol?▼

Browser automation via CDP requires a CDP-enabled Chrome instance and Node.js runtime. You can use it for development, testing, and scraping tasks across web applications by running scripts that navigate pages and evaluate JavaScript.

What do I need to run CDP browser automation scripts?▼

You need a CDP-enabled Chrome instance and a Node.js runtime to execute the automation scripts. The scripts are invoked by their absolute paths to start Chrome, navigate URLs, and interact with the DOM.

How do I take screenshots and inspect DOM elements during automated testing?▼

You can take screenshots of the current viewport and interactively select DOM elements by running the provided screenshot and pick scripts. These tools use the Chrome DevTools Protocol to capture visual state and inspect page structure.

Can I use my existing cookies and logins when starting Chrome for web scraping?▼

Yes, you can start Chrome with your existing profile to copy cookies and logins. Running the start script with the profile flag allows the automation to access authenticated pages during scraping or testing sessions.

How do I evaluate JavaScript on a web page using Chrome DevTools Protocol?▼

You can evaluate JavaScript in the active page by running the provided evaluation script with your code string. This CDP tool executes the script directly in the browser context, returning the result for debugging or data collection.

Related Skills

Explore More Software Engineering Skills→
alexgorbatchevalexgorbatchev
1

chrome-cdp

Automate local Chrome sessions via the Chrome DevTools Protocol.

Community
Advanced
vm0-aivm0-ai
1.1k

agent-browser

Automate browser navigation, form filling, screenshots, and data extraction.

Official
Intermediate
alangebalangeb

agent-browser

Automate web browser navigation, form submission, and DOM manipulation via Playwright.

Community
Advanced
Kevin-Liu-01Kevin-Liu-01
16

agent-browser

Automate browser tasks with persistent sessions and element references.

Community
Intermediate