skills.rest
Sridhar-Ranganaboina
Sridhar-RanganaboinaCOMMUNITY
Explore all skills by this author →
GitHub

test-ui

Automate BrowserOS dev-environment startup and CDP-based visual UI checks.

Updated Mar 31, 2026
Search Tags:#extension#cdp#ui-testing#visual-testing#dev-environment#browseros
One-click install
npx skills add https://github.com/Sridhar-Ranganaboina/WebGenie --skill test-ui-sridhar-ranganaboina
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: test-ui
Source: https://github.com/Sridhar-Ranganaboina/WebGenie/tree/main/packages/browseros-agent/.claude/skills/test-ui
Command: npx skills add https://github.com/Sridhar-Ranganaboina/WebGenie --skill test-ui-sridhar-ranganaboina

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual UI testing for the BrowserOS agent extension, enabling developers to verify UI changes in the dev workflow by launching the dev environment and inspecting UI components via CDP.

Core Features & Use Cases

  • Start the BrowserOS agent UI development environment and load the extension UI for testing.
  • Visually verify the left tab page (home, settings, etc.) and the right side panel (chat) using CDP-based inspection.
  • Use during UI changes to apps/agent/ to confirm rendering, interactions, and layout.

Quick Start

Launch the dev environment and visually verify the UI changes described above.

Frequently Asked Questions about test-ui

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

FAQPage Schema
How do I visually test BrowserOS agent UI changes in a dev environment?▼

To visually test BrowserOS agent UI changes, you automate the dev-environment startup and use CDP-based visual checks to verify rendering, interactions, and layout in the new tab page and right side panel.

What components can I inspect using CDP-based visual testing for the BrowserOS extension?▼

CDP-based visual testing allows you to inspect the BrowserOS agent left tab page, including home and settings, and the right side chat panel to verify UI rendering and interactions during feature development.

How do I start the dev environment for BrowserOS UI testing?▼

You start the BrowserOS UI testing dev environment by executing the provided dev scripts, specifically scripts/dev/inspect-ui.ts, which initializes the environment and produces accessible CDP ports for inspection.

Do I need a functioning BrowserOS.dev environment to run visual UI tests?▼

Yes, visual UI testing requires a functioning BrowserOS.dev environment and the ability to access the CDP ports produced during startup to validate agent UI changes in apps/agent.

When should I use CDP visual checks for BrowserOS UI development?▼

CDP visual checks should be used during UI changes to apps/agent/ to confirm rendering, interactions, and layout, making it suitable for both feature development and regression testing of the agent extension.

Related Skills

Explore More Software Engineering Skills→
Srajangpt1Srajangpt1

test-ui

Test BrowserOS agent extension UI for visual and interaction regressions.

Community
Intermediate
ricablericable

webapp-testing

Test local web applications with Playwright for frontend behavior and browser interactions.

Community
Intermediate
srstompsrstomp
8

browser-verification

Automate browser verification of UI changes with Playwright to detect visual regressions and runtime errors.

Community
Intermediate
telum-aitelum-ai
2

visual-testing-extension

Capture extension UI screenshots with Puppeteer and Playwright for visual regression testing.

Official
Intermediate