web-quality-skills — Claude Skill by addyosmani

by addyosmani · Claude Skill · ★ 2.3k

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

About web-quality-skills

Web Quality Skills An (unofficial) comprehensive collection of Agent Skills for optimizing web projects based on Google Lighthouse guidelines and Core Web Vitals best practices. Stack-agnostic. Works with any framework: React, Vue, Angular, Svelte, Next.js, Nuxt, Astro, plain HTML, and more. Why web quality skills? While interface guidelines tell you what to build, Web Quality Skills tell you how to build it performantly, accessibly, and optimally for search engines. These skills encode the collective wisdom from: 150+ Lighthouse audits across Performance, Accessibility, SEO, and Best Practices Core Web Vitals optimization patterns (LCP, INP, CLS) Real-world performance engineering experience WCAG 2.2 accessibility standards Modern SEO requirements Available skills WCAG complian

accessibilityagent-skillsclaude-skillscore-web-vitalslighthouseskillstestingweb-performance

Quick Facts

Stars2,328
Forks215
LanguageShell
CategoryClaude Skill
LicenseMIT
Quality Score77.0483203310784/100
Open Issues5
Last Updated2026-06-14
Created2026-01-18
Platformsbrowser, claude-code, cli
Est. Tokens~5k

Compatible Skills

These tools work well together with web-quality-skills for enhanced workflows:

  • awesome-agent-skills — semantic(0.15)+complementary+same_lang+similar_pop+shared_platform (55%)
  • skills — semantic(0.27)+complementary+same_lang+similar_pop+shared_platform (55%)
  • tutor-skills — semantic(0.24)+complementary+same_lang+similar_pop+shared_platform (53%)
  • agent-skills — semantic(0.17)+complementary+same_lang+similar_pop+shared_platform (51%)

web-quality-skills alternative? Top 6 similar tools

Looking for a web-quality-skills alternative? If you're comparing web-quality-skills with other claude skill tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • Generative-Media-Skills by SamurAIGPT · ⭐ 3.6k

    Multi-modal Generative Media Skills for AI Agents (Claude Code, Cursor, Gemini CLI). High-quality image, video

  • terraform-skill by antonbabenko · ⭐ 2.0k

    Terraform & OpenTofu Skill for AI Agents - testing, modules, CI/CD, and production patterns

  • ios-simulator-skill by conorluddy · ⭐ 1.1k

    An IOS Simulator Skill for ClaudeCode. Use it to optimise Claude's ability to build, run and interact with you

  • copilot-mcp by VikashLoomba · ⭐ 494

    A VSCode extension that lets you find and install Agent Skills and MCP Apps to use with GitHub Copilot, Claude

  • AI-Research-SKILLs by Orchestra-Research · ⭐ 9.8k

    Comprehensive open-source library of AI research and engineering skills for any AI model. Package the skills a

  • refly by refly-ai · ⭐ 7.1k

    The first open-source agent skills builder. Define skills by vibe workflow, run on Claude Code, Cursor, Codex

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular Shell Agent Tools

Frequently Asked Questions

What is web-quality-skills?

web-quality-skills is Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.. It is categorized as a Claude Skill with 2.3k GitHub stars.

What programming language is web-quality-skills written in?

web-quality-skills is primarily written in Shell. It covers topics such as accessibility, agent-skills, claude-skills.

How do I install or use web-quality-skills?

You can find installation instructions and usage details in the web-quality-skills GitHub repository at github.com/addyosmani/web-quality-skills. The project has 2.3k stars and 215 forks, indicating an active community.

What license does web-quality-skills use?

web-quality-skills is released under the MIT license, making it free to use and modify according to the license terms.

What are the best alternatives to web-quality-skills?

The top alternatives to web-quality-skills on Agent Skills Hub include Generative-Media-Skills, terraform-skill, ios-simulator-skill. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.

View on GitHub → Browse Claude Skill tools