skills.rest
bohewu
bohewuCOMMUNITY
Explore all skills by this author →
GitHub

devtools-ux-audit

Automate UX audits with Chrome DevTools for web applications.

1|Updated Feb 3, 2026
Search Tags:#browser automation#chrome devtools#web application#ux audit#viewport testing
One-click install
npx skills add https://github.com/bohewu/agents_pipeline --skill devtools-ux-audit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: devtools-ux-audit
Source: https://github.com/bohewu/agents_pipeline/tree/main/skills/devtools-ux-audit
Command: npx skills add https://github.com/bohewu/agents_pipeline --skill devtools-ux-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of conducting UX audits using Chrome DevTools, making it easier to gather evidence and analyze the user experience across various web applications.

Core Features & Use Cases

  • Browser Automation: Automates tasks such as navigation, resizing, and interaction with web pages using Chrome DevTools.
  • Viewport Testing: Offers deterministic viewport testing plans for different screen sizes and devices.
  • Evidence Collection: Collects evidence like screenshots and console messages to aid in the audit process.
  • Use Case: Ideal for auditing desktop-first, responsive, and mobile web applications, especially for evidence collection without assuming mobile-first behavior.

Quick Start

Run the devtools-ux-audit skill to begin the UX audit process for a given URL.

Frequently Asked Questions about devtools-ux-audit

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

FAQPage Schema
How do I automate a UX audit using Chrome DevTools?▼

Automate a UX audit using Chrome DevTools by running scripts that handle browser navigation, page resizing, and interaction to collect evidence like screenshots and console messages for analysis.

Can I capture screenshots and console messages automatically during web application testing?▼

Yes, you can capture screenshots and console messages automatically during web application testing by utilizing browser automation to gather evidence throughout the UX audit process.

How do I perform deterministic viewport testing for responsive web applications?▼

Perform deterministic viewport testing for responsive web applications by applying automated viewport testing plans that evaluate desktop-first and mobile layouts across various screen sizes.

Does this UX audit approach assume a mobile-first design?▼

No, this UX audit approach does not assume a mobile-first design, making it ideal for auditing desktop-first, responsive, and mobile web applications without bias toward specific viewport behaviors.

What is the best way to generate reports from collected UX audit evidence?▼

The best way to generate reports from collected UX audit evidence is to pair the collection process with the $run-ux command, which facilitates downstream reporting of the gathered screenshots and console logs.

Are there limitations when using browser automation for viewport testing on complex web pages?▼

When using browser automation for viewport testing on complex web pages, ensure the target URL supports automated interactions, as scripts rely on deterministic viewport plans and DevTools protocols to execute tasks.

Related Skills

Explore More Software Engineering Skills→
xijunwwxijunww
1

agent-browser

Automate browser navigation, form filling, and screenshots via Chrome DevTools Protocol.

Community
Advanced
specvitalspecvital
1

ui-ux-improve

Analyze UI/UX quality and generate actionable improvement recommendations.

Official
Advanced
wesleyegbertowesleyegberto
3

chrome-devtools

Automate browser control and debugging via the Chrome DevTools Protocol.

Community
Advanced
tanujsutariatanujsutaria
1

session-checkpoint

Validate iOS build status, inspect Git changes, and assess session goals.

Community
Intermediate