skills.rest
trevorc-ai
trevorc-aiCOMMUNITY
Explore all skills by this author →
GitHub

browser

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
One-click install
npx skills add https://github.com/trevorc-ai/PPN-Antigravity-1.0 --skill browser-trevorc-ai
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
liminal-ailiminal-ai
1

convex-quickstart

Scaffold Convex projects and wire ConvexProvider with environment variables.

Official
Intermediate
YSheldonYSheldon

recreate-screenshot

Recreate UI screens from screenshots with pixel-perfect layout, color, and typography fidelity.

Community
Advanced
shin0720shin0720

auto-verify

Automate visual regression testing by capturing and comparing UI screenshots with Playwright.

Community
Basic
majunbaomajunbao

playwright

Run Playwright CLI commands to capture screenshots and render web pages.

Community
Basic