dev-browser

Automates Chromium browser tasks with Playwright including navigation, form submission, data scraping, screenshots, in standalone or extension mode.

Updated Jan 24, 2026
One-click install
npx skills add https://github.com/matheus3301/skills --skill dev-browser-matheus3301
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dev-browser
Source: https://github.com/matheus3301/skills/tree/main/dev-browser
Command: npx skills add https://github.com/matheus3301/skills --skill dev-browser-matheus3301

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @hono/node-server, @hono/node-ws, express, hono, playwright, tsx, typescript, vitest, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates browser interactions, allowing for tasks like navigating websites, filling forms, taking screenshots, and extracting web data programmatically.

Core Features & Use Cases

  • Browser Automation: Control a Chromium browser instance for repetitive tasks.
  • Web Scraping: Extract data from web pages using Playwright.
  • Form Interaction: Fill out and submit web forms automatically.
  • Screenshotting: Capture full-page or specific element screenshots.
  • Use Case: Automate the process of logging into a web application, filling out a user profile form, and taking a screenshot of the completed page.

Quick Start

Use the dev-browser skill to navigate to https://example.com and print the page title.

Frequently Asked Questions about dev-browser

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

FAQPage Schema
How do I automate web scraping and form filling with Playwright?

Capture full-page or specific element screenshots during browser automation using Playwright. This Skill automates Chromium instances to generate visual outputs of web pages within a Node.js environment.

Can I use browser automation to fill out and submit web forms automatically?

Yes, you can fill out and submit web forms automatically using this Skill. It provides browser automation capabilities via Playwright to control Chromium instances for repetitive form interaction tasks.

Do I need Node.js and Playwright installed to run browser automation tasks?

Yes, a Node.js environment with Playwright installed is required. This Skill leverages Playwright and Node.js dependencies to execute browser automation tasks like navigation and data scraping.

What is the best way to extract web data and take screenshots programmatically?

The best way to extract web data and take screenshots programmatically is using Playwright within a Node.js environment. This Skill provides standalone and extension modes for flexible integration into agent workflows.

Does this browser automation Skill support integration into existing agent workflows?

Yes, this browser automation Skill supports both standalone and extension modes for flexible integration into agent workflows. It uses Playwright to handle website navigation, form submission, and data scraping.