browser

Automate browser tasks using a Puppeteer-based DSL.

9|2|Updated Feb 1, 2015
One-click install
npx skills add https://github.com/dlants/dotfiles --skill browser-dlants
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser
Source: https://github.com/dlants/dotfiles/tree/main/magenta-skills/browser
Command: npx skills add https://github.com/dlants/dotfiles --skill browser-dlants

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, and includes scripts (resource) components.

What problem does it solve?

This Skill automates repetitive browser testing, automation, and data collection via a compact DSL, saving you time and reducing manual effort.

Core Features & Use Cases

  • DSL-based automation: Write simple lines to drive Puppeteer for web tasks, testing, and data extraction.
  • Screenshots & assertions: Take screenshots and verify page content as part of tests.
  • Use Case: Imagine you need to run nightly checks on a web app; this Skill can run the script to navigate, fill forms, and capture results with a single command.

Quick Start

Run a simple script to load a page and take a screenshot: npx tsx scripts/browser.ts "load https://example.com waitForElement h1 screenshot example.png"

Frequently Asked Questions about browser

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

FAQPage Schema
How do I automate browser tasks with Puppeteer?

Automate browser tasks using Puppeteer by writing a DSL script with commands like load, click, type, and screenshot. Run the script with npx tsx scripts/browser.ts followed by your commands in quotes to navigate pages, fill forms, and capture results without manual interaction.

Can I use Puppeteer for web testing and automation?

Yes, Puppeteer-based automation handles web testing, form submission, and page verification. Use waitForElement to confirm content loads, click and type for interaction, and screenshot to capture results—all orchestrated through a compact DSL that reduces boilerplate code.

What's the best way to scrape web content and extract data?

Web scraping with Puppeteer combines load, waitForElement, getText, and getAttribute commands to navigate pages and extract structured data. The DSL approach keeps scripts readable and maintainable compared to raw Puppeteer code for repetitive content collection tasks.

How do I take screenshots and verify page content automatically?

Capture screenshots and verify content by chaining load, waitForElement, and screenshot commands in your script. Use getText and getAttribute to assert expected data exists, enabling automated visual and functional validation across environments in a single run.

Can I automate form filling and multi-page workflows?

Automate form workflows using type, select, click, and waitForNewPage commands to handle user interactions and page transitions. The DSL supports sequential actions across multiple pages, making nightly checks and data entry tasks repeatable without manual steps.

What environments and tools do I need to run browser automation?

Browser automation requires Node.js, TypeScript support via tsx, and Puppeteer as the runtime dependency. The Skill runs across different environments by handling Puppeteer setup internally, so you focus on writing DSL commands instead of configuring the browser instance.