Can it help fix Lighthouse audit failures?

Yes, it is specifically designed around Lighthouse best practices, addressing common audit failures like deprecated APIs, missing doctypes, and inefficient event listeners.

How does this skill help with web security?

It identifies missing security headers, helps configure Content Security Policies (CSP), checks for mixed content, and guides you through vulnerability audits using npm or yarn audit.

How does it improve browser compatibility?

The skill checks for proper charset declarations, viewport meta tags, and encourages the use of feature detection over brittle user-agent sniffing.

Does this skill handle CSS and HTML quality?

Absolutely. It enforces semantic HTML5, checks for valid document structures (like avoiding duplicate IDs), and ensures images have proper aspect ratios for layout stability.

Is this skill useful for legacy codebases?

It is ideal for legacy projects, as it can automatically identify outdated patterns like document.write or synchronous XHR and suggest modern, non-blocking alternatives.

Best Practices & Web Quality

Name: Best Practices & Web Quality
Author: addyosmani

byaddyosmani

•

593

•

Seguridad y Pruebas

Implements modern web development standards for security, browser compatibility, and code quality based on Lighthouse audits.

This skill equips Claude with the expertise to perform comprehensive web quality audits and code modernizations. It focuses on aligning projects with industry standards, specifically focusing on Lighthouse best practices, robust security configurations (like CSP and HSTS), and cross-browser compatibility. By identifying deprecated APIs, optimizing performance through efficient event handling, and enforcing semantic HTML, it helps developers build secure, accessible, and high-performing web applications that pass modern quality benchmarks.

Características Principales

01593 GitHub stars

02Dependency vulnerability scanning and remediation guidance

03Browser compatibility checks for responsive design and feature detection

04Code quality enforcement through semantic HTML and valid structure

05Modernization of legacy code by replacing deprecated APIs and blocking patterns

06Automated security audits including CSP and security header configurations

Casos de Uso

01Performing a comprehensive security and vulnerability audit on a legacy codebase

02Modernizing an older web project to meet current Lighthouse and Core Web Vitals standards

03Implementing robust Content Security Policies (CSP) and secure cookie handling

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add addyosmani/web-quality-skills best-practices

For use in Claude.ai and ChatGPT

Download Skill