devtools-ux-audit

Name: devtools-ux-audit
Availability: InStock
Author: BoHeWu

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

Ready to run

npx skills add https://github.com/bohewu/agents_pipeline --skill devtools-ux-audit

💬 Prompt for ChatGPT / Claude Chat▼

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.