browser

Name: browser
Availability: InStock
Author: trevorc

Automate real-browser UI/UX verification across desktop, tablet, and mobile breakpoints.

Updated Aug 23, 2026

Search Tags:#documentation #accessibility #responsive #ui-design #browser #visual-testing #ui-verification

Ready to run

npx skills add https://github.com/trevorc-ai/PPN-Antigravity-1.0 --skill browser-trevorc-ai

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: browser
Source: https://github.com/trevorc-ai/PPN-Antigravity-1.0/tree/main/.agent/skills/browser
Command: npx skills add https://github.com/trevorc-ai/PPN-Antigravity-1.0 --skill browser-trevorc-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual UI/UX verification can be challenging without live rendering; this skill provides a structured browser-based workflow to inspect, validate, and document UI implementations in real time.

Core Features & Use Cases

Live browser inspection to verify layout, interactions, and accessibility against design specs.
Documentation of before/after states with screenshots and walkthrough recordings for design reviews and handoffs.
Responsive and accessibility testing across desktop, tablet, and mobile breakpoints.

Quick Start

Open the local app in a browser, perform an initial audit, and capture before/after screenshots to validate visual changes.

Frequently Asked Questions about browser

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

FAQPage Schema

How do I automate visual UI verification in a real browser?▼

Automate visual UI verification by opening your local app in a real browser to inspect layouts, validate interactions, and capture before and after screenshots. This structured workflow ensures design implementations match intent without manual rendering checks.

What is the best way to test responsive design across desktop, tablet, and mobile breakpoints?▼

Responsive testing across desktop, tablet, and mobile breakpoints is performed through live browser inspection. This process validates layout adaptations against design specs to ensure UI consistency across all required viewport sizes.

How do I document UI design audits for handoffs and design reviews?▼

Document UI design audits by capturing before and after states with screenshots and walkthrough recordings. This generates visual documentation directly from live browser sessions for design reviews and stakeholder handoffs.

Can I perform accessibility checks during a UI design audit?▼

Yes, accessibility checks are integrated into the UI design audit workflow. Live browser inspection validates UI accessibility against design specs while evaluating layout and interactions across desktop, tablet, and mobile breakpoints.

Do I need any dependencies to perform live browser UI inspection?▼

No external dependencies are required to perform live browser UI inspection. The workflow operates within a self-contained, repeatable process to inspect, validate, and document UI implementations in real time.

What are the limitations of browser-driven visual testing?▼

Browser-driven visual testing is limited to inspecting and documenting rendered UI implementations in real time. It focuses on layout, interaction, and accessibility validation but does not modify source code or execute automated functional unit tests.