Skills
.Work. You
Rest

chrome-devtools-axi

Community

Automate browser tasks with Chrome DevTools Protocol, from accessibility snapshots to performance tracing.

Software Engineering#accessibility#browser automation#screenshot#Chrome DevTools Protocol#performance tracing
Authortmchow
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides automation of complex browser tasks using Chrome DevTools Protocol, allowing for accessibility snapshots, interactive actions, and performance insights without manual intervention.

Core Features & Use Cases

  • Accessibility Snapshots: Generate compact accessibility snapshots with actionable element references.
  • Page Interaction: Automate clicks, form submissions, typing, and more.
  • Performance Insights: Capture screenshots, inspect console and network, and run performance traces.
  • Use Case: If you need to automatically verify a web application's accessibility and performance, this skill can automate the capture of snapshots, clicks, and performance data, saving time in manual testing.

Quick Start

Execute a task like taking a screenshot of a specific element using the command 'npx chrome-devtools-axi screenshot @<uid>'.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: chrome-devtools-axi
Download link: https://github.com/tmchow/agent-skills/archive/main.zip#chrome-devtools-axi

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.