skills.rest
kckylechen1
kckylechen1COMMUNITY
Explore all skills by this author →
GitHub

browser-testing

...

Updated Jan 20, 2026
Search Tags:#automation#testing#screenshots#cli#ui-testing#browser#element-interaction
One-click install
npx skills add https://github.com/kckylechen1/DragonFly --skill browser-testing-kckylechen1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-testing
Source: https://github.com/kckylechen1/DragonFly/tree/main/.agent/skills/browser-testing
Command: npx skills add https://github.com/kckylechen1/DragonFly --skill browser-testing-kckylechen1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI testing and visual verification across web apps, enabling automated browser interactions to validate state and layout.

Core Features & Use Cases

  • Open pages, navigate, and verify content.
  • Capture screenshots and perform element interactions via CLI.
  • Retrieve element information and page data (title, URL) for assertions.
  • Typical workflow: open a page, wait for readiness, interact with elements, take screenshots, and close the browser.

Quick Start

Open a test page with agent-browser and verify the UI by capturing a screenshot.

Frequently Asked Questions about browser-testing

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

FAQPage Schema
How do I automate browser UI testing with screenshots?▼

Automate browser UI testing by controlling a browser via CLI to open pages, interact with elements, and capture screenshots for visual verification. This validates UI states across web applications for regression testing workflows.

How do I locate and interact with UI elements during automated browser testing?▼

Locate UI elements during automated browser testing using a snapshot and reference system to identify components. You can then interact with these elements, wait for specific conditions, and retrieve page data for assertions.

Can I use this for visual verification across different user flows?▼

Visual verification across user flows is supported by opening pages, navigating, waiting for readiness, interacting with elements, and capturing screenshots. This enables validating layout and state changes during QA workflows.

What is the typical workflow for automated browser interaction and page validation?▼

The typical workflow for browser interaction involves opening a test page, waiting for readiness, interacting with elements, taking screenshots for validation, and closing the browser. This sequence retrieves page data like titles and URLs for assertions.

Does this browser testing tool require any external dependencies?▼

This browser testing tool operates with no external dependencies, using a built-in CLI to control browser actions. It directly handles opening pages, taking screenshots, and performing element interactions without requiring additional frameworks.

Why use a CLI for UI testing instead of other automation approaches?▼

Using a CLI for UI testing provides direct control over browser automation to validate UI states and capture screenshots. It fits QA workflows and regression testing by enabling precise navigation, element interaction, and page data retrieval.

Related Skills

Explore More Software Engineering Skills→
hathbangerhathbanger

agent-browser

Automate web navigation and interaction via a headless browser CLI.

Community
Intermediate
jie023jie023
36

test-function

Automate web application functional testing with Playwright and MCP tooling.

Community
Advanced
plurigridplurigrid
60

qa-regression

Automate Playwright-based QA regression tests for login, dashboard, and user management flows.

Official
Advanced
tkerseytkersey
66

web-browser

Automate Chrome/Chromium via CDP to navigate, click, fill forms, evaluate JavaScript, and capture screenshots.

Community
Intermediate