skills.rest
seqis
seqisCOMMUNITY
Explore all skills by this author →
GitHub

agent-ux-optimizer

Analyze web components and pages for accessibility and performance issues.

Updated Aug 23, 2026
Search Tags:#testing#performance#accessibility#web development#lighthouse#ux
One-click install
npx skills add https://github.com/seqis/OpenClaw-Skills-Converted-From-Claude-Code --skill agent-ux-optimizer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: agent-ux-optimizer
Source: https://github.com/seqis/OpenClaw-Skills-Converted-From-Claude-Code/tree/main/skills_tree/agent-ux-optimizer
Command: npx skills add https://github.com/seqis/OpenClaw-Skills-Converted-From-Claude-Code --skill agent-ux-optimizer

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill addresses the challenge of ensuring high-quality user experience by providing a structured approach to analyzing and improving web components and pages.

Core Features & Use Cases

  • Code Analysis: Deeply inspects component code for accessibility and performance issues.
  • Automated Audits: Leverages tools like Lighthouse for objective performance and accessibility scoring.
  • Manual Testing Guidance: Generates comprehensive checklists for thorough manual verification.
  • Use Case: Improve the accessibility and performance of a new e-commerce product page before launch.

Quick Start

Use the agent-ux-optimizer skill to analyze the accessibility and performance of the provided URL.

Frequently Asked Questions about agent-ux-optimizer

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

FAQPage Schema
How do I check my web components for WCAG 2.1 AA accessibility compliance?▼

To check web components for WCAG 2.1 AA accessibility compliance, perform automated Lighthouse audits and deep code analysis to identify violations and ensure adherence to required standards.

What is the best way to optimize Core Web Vitals for a web page before launch?▼

Optimizing Core Web Vitals for a web page involves running Lighthouse audits to measure performance thresholds, analyzing component code for bottlenecks, and following a strict quality assurance protocol to resolve issues.

Can I generate a manual testing checklist for web accessibility and performance?▼

Yes, you can generate a manual testing checklist for web accessibility and performance by combining Lighthouse audit results with code analysis to produce comprehensive verification steps for manual testing.

Do I need Lighthouse CLI installed to audit my website's user experience?▼

Yes, you need Lighthouse CLI installed and executable to audit your website's user experience, because the automated auditing process requires running Lighthouse directly to gather objective performance and accessibility scores.

Why does my web page need both automated Lighthouse audits and manual testing checklists?▼

Your web page needs both automated Lighthouse audits and manual testing checklists because automated audits provide objective performance scores while manual checklists ensure thorough verification of edge cases that automated tools might miss.

Related Skills

Explore More Design & Creative Skills→
ChegginCheggin
1

performance-benchmark

Measure and enforce web performance budgets with Lighthouse CI.

Community
Advanced
arroschavesarroschaves
1

performance-profiling

Automate Lighthouse audits and bundle analysis for web performance profiling.

Community
Intermediate
paulokakomapaulokakoma

accessibility

Audit web accessibility against WCAG 2.1 and Lighthouse checks.

Community
Advanced
zaid-khan-codezaid-khan-code
3

react-debugging

Map React DOM elements to owning components and inspect their props.

Community
Intermediate