Web Quality Audit
Helps with web development, auditing as part of agent workflows workflows.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add tech-leads-club-web-quality-audit npx -- -y @trustedskills/tech-leads-club-web-quality-audit
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"tech-leads-club-web-quality-audit": {
"command": "npx",
"args": [
"-y",
"@trustedskills/tech-leads-club-web-quality-audit"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The Web Quality Audit skill enables an AI agent to perform comprehensive quality reviews of web development projects based on Google Lighthouse audits. It analyzes code and project structure, categorizes findings by severity (Critical, High, Medium, Low), and provides specific, actionable recommendations for improvement. The audit covers key areas including Performance, Accessibility, SEO, and Best Practices across over 150 checks.
When to use it
- When needing a comprehensive assessment of a web project's quality before launch or major updates.
- To identify and prioritize performance bottlenecks impacting user experience (e.g., slow LCP scores).
- To ensure accessibility compliance for users with disabilities.
- As part of automated workflows to maintain consistent code quality standards.
Key capabilities
- Performance Audit: Evaluates Core Web Vitals (LCP, INP, CLS) and resource optimization areas like image compression, JavaScript minimization, and CSS efficiency.
- Accessibility Audit: Checks for perceivable elements such as text alternatives for images and sufficient color contrast.
- Actionable Recommendations: Provides specific guidance and code examples to address identified issues.
- Severity Categorization: Classifies findings by severity (Critical, High, Medium, Low) to prioritize remediation efforts.
Example prompts
- "Audit the web project at [URL] for performance and accessibility issues."
- "Analyze this code snippet [code snippet] and identify any potential quality concerns related to SEO best practices."
- "Perform a full web quality audit of my project, focusing on Core Web Vitals improvements."
Tips & gotchas
- The skill relies on Google Lighthouse audits; ensure the target website or codebase is accessible for analysis.
- Performance issues often require more complex solutions than simple code changes; be prepared to investigate underlying infrastructure and design choices.
- Prioritize addressing "Critical" and "High" severity findings first, as these have the greatest impact on user experience and accessibility.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.