best-practices

Audit web projects for security, compatibility, and code quality standards.

2.6k|238|Updated Jan 18, 2026
One-click install
npx skills add https://github.com/addyosmani/web-quality-skills --skill best-practices-addyosmani
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: best-practices
Source: https://github.com/addyosmani/web-quality-skills/tree/main/skills/best-practices
Command: npx skills add https://github.com/addyosmani/web-quality-skills --skill best-practices-addyosmani

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The best-practices skill helps teams implement and enforce modern web development standards across security, compatibility, and code quality to reduce risk and improve maintainability.

Core Features & Use Cases

  • Security hygiene: Enforce HTTPS, security headers, CSP, and safe data handling.
  • Browser compatibility: Ensure proper doctype, charset, viewport, feature detection, and conditional polyfills.
  • Code quality & accessibility: Promote semantic HTML, valid markup, accessible patterns, and performance-conscious practices.
  • Use Case: When auditing a project for security and quality improvements, generate concrete recommendations, checklists, and remediation steps.

Quick Start

Run the best-practices audit on your project to generate a compliance report.

Frequently Asked Questions about best-practices

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

FAQPage Schema
How do I audit my web project for modern security and code quality best practices?

To audit web project security and code quality, this Skill analyzes frontend stacks and CI pipelines to enforce Lighthouse-aligned checks, CSP, semantic HTML, and accessibility patterns, generating a compliance report with concrete remediation steps.

What security headers and CSP policies are enforced during a web quality audit?

A web quality audit enforces HTTPS, security headers, and Content Security Policy (CSP) to ensure safe data handling and modern security hygiene across your web project.

Can I use this to check browser compatibility and polyfills in my frontend stack?

Yes, you can check browser compatibility to ensure proper doctype, charset, viewport, feature detection, and conditional polyfills are implemented correctly across standard frontend stacks.

Does this audit check semantic HTML and accessibility patterns for compliance?

Yes, this audit checks semantic HTML, valid markup, and accessible patterns to enforce code quality and performance-conscious practices aligned with modern web standards.

How do I generate a remediation checklist for Lighthouse-aligned web quality issues?

You generate a remediation checklist by running the audit on your web project, which produces concrete recommendations and steps for Lighthouse-aligned security, compatibility, and code quality improvements.