web-quality-audit

What This Skill Does

The web-quality-audit skill is a sophisticated diagnostic engine for OpenClaw designed to evaluate the technical health, performance, and accessibility of web projects. By integrating Google Lighthouse auditing standards, it performs over 150 unique checks across critical domains: Performance, Accessibility, SEO, and General Best Practices. Unlike static analysis tools, this skill leverages the PinchTab browser automation framework, allowing it to perform 'real-world' validation by interacting with rendered pages in a headless environment. This enables the agent to verify dynamic behaviors, such as JavaScript execution, user interactions, and visual stability, that static code analysis might miss.

Installation

To integrate this skill into your environment, run the following command in your terminal within the OpenClaw directory:

clawhub install openclaw/skills/skills/huamu668/web-quality-audit-ecc

Ensure that you have the necessary browser dependencies installed to allow the PinchTab orchestration engine to function correctly.

Use Cases

• Pre-deployment checklists: Run a full audit before merging code to ensure no regressions in performance or accessibility.
• Technical Debt Analysis: Identify specific areas where cumulative layout shift (CLS) or interaction to next paint (INP) are failing.
• Automated Regression Testing: Use the skill within your CI/CD pipeline to flag critical accessibility issues like low color contrast or missing ARIA labels.
• SEO Optimization: Audit site structure, meta tags, and semantic HTML to improve search engine rankings.

Example Prompts

1. "Perform a full web quality audit on https://example.com and tell me which areas of my Core Web Vitals are failing the LCP requirements."
2. "I need an accessibility report for our login page. Please identify any issues regarding keyboard navigation and color contrast, and provide code fixes for the errors found."
3. "Run a headless audit using PinchTab on my local development server and categorize all performance issues by severity."

Tips & Limitations

• Performance: For the most accurate metrics, ensure the audit is run from a stable environment to prevent network latency from skewing performance scores.
• Limitations: While the skill provides actionable code examples, always verify the proposed patches in a staging environment before deploying to production.
• Browser Automation: Large, complex single-page applications may require longer timeout thresholds when using the PinchTab integration to ensure all resources are fully loaded before the audit triggers.