AgentToolHub
Skill

best-practices

best-practices — a Claude Code skill from addyosmani/web-quality-skills

Features

  • ✓Optimizes web projects with Google Lighthouse guidelines
  • ✓150+ Lighthouse audits for Performance, Accessibility, SEO, and Best Practices
  • ✓Core Web Vitals optimization patterns (LCP, INP, CLS)
  • ✓Real-world performance engineering experience
  • ✓WCAG 2.2 accessibility standards and modern SEO requirements
  • ✓Stack-agnostic support for React, Vue, Angular, Svelte, Next.js, Nuxt, Astro, and more
  • ✓Guide to the GitHub repository

Installation Guide

add-skill is a powerful CLI tool that lets you install agent skills onto your coding agents from git repositories. Whether you're using OpenCode, Claude Code, Codex, or Cursor, the add-skill tool makes it simple to extend your agent's capabilities with specialized instruction sets. Use add-skill to automate release notes, create pull requests, integrate with external tools, and more. Simply run npx add-skill to get started.

bash
npx skills add addyosmani/web-quality-skills

or

text
npx add-skill addyosmani/web-quality-skills

Or manually:

bash
cp -r skills/* ~/.claude/skills/

#### claude.ai

Add skills to your project knowledge or paste the SKILL.md contents into your conversation.

Usage

Skills activate automatically when your request matches their description. Examples:

text
Audit this page for web quality issues
text
Optimize performance and fix Core Web Vitals
text
Review accessibility and suggest improvements
text
Make this SEO-ready

Reviews