Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.
| Date | Stars |
|---|---|
| 2026-07-24 | 2538 |
| 2026-07-25 | 2539 |
| 2026-07-28 | 2539 |
| 2026-07-30 | 2539 |
| 2026-07-31 | 2564 |
| 2026-08-06 | 2564 |
Today
— stars today
This week
+25 stars this week
This month
— stars this month
Momentum
10.0
growth rate 0.98%/day
# Web Quality Skills An (unofficial) comprehensive collection of [Agent Skills](https://agentskills.io/) for optimizing web projects based on [Google Lighthouse](https://developer.chrome.com/docs/lighthouse/overview/) 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 | Skill | Description | Use when | |-------|-------------|----------| | **[web-quality-audit](#web-quality-audit)** | Comprehensive quality review across all categories | "Audit my site", "Review this for quality", "Check web quality" | | **[performance](#performance)** | Loading speed, runtime efficiency, resource optimization | "Optimize performance", "Speed up my site", "Fix slow loading" | | **[core-web-vitals](#core-web-vitals)** | LCP, INP, CLS specific optimizations | "Improve Core Web Vitals", "Fix LCP", "Reduce CLS" | | **[accessibility](#accessibility)** | WCAG compliance, screen reader support, keyboard navigation | "Improve accessibility", "WCAG audit", "a11y review" | | **[seo](#seo)** | Search engine optimization, crawlability, structured data | "Optimize for SEO", "Improve search ranking", "Fix meta tags" | | **[best-practices](#best-practices)** | Security, modern APIs, code quality patterns | "Apply best practices", "Security audit", "Code quality review" | ## Quick start ### Installation 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 ``` npx add-skill addyosmani/web-quality-skills ``` Or manually: ```bash cp -r skills/* ~/.claude/skills/ ``` #### Claude Code (plugin) Install as a versioned, namespaced plugin from inside Claude Code: ```text /plugin marketplace add addyosmani/web-quality-skills /plugin install web-quality-skills@addy-web-quality-skills ``` Skills are then namespaced (e.g. `/web-quality-skills:performance`) and update with `/plugin update`. The plugin reads the same `skills/` directory as the manual copy above — no duplication. #### Codex Install directly via the Codex plugin marketplace (Codex CLI v0.122+): ```bash codex plugin marketplace add addyosmani/web-quality-skills ``` Once installed, invoke skills in chat using `@` (e.g. `@performance`, `@accessibility`). See [docs/codex-setup.md](docs/codex-setup.md) for local installation and troubleshooting. #### Gemini CLI Install directly via Gemini CLI extensions: ```bash gemini extensions install https://github.com/addyosmani/web-quality-skills ``` Skills are auto-discovered by Gemini and activate when prompts match their description. See [docs/gemini-setup.md](docs/gemini-setup.md) for workspace mode and troubleshooting. #### 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: ``` Audit this page for web quality issues ``` ``` Optimize performance and fix Core Web Vitals ``` ``` Review accessibility and suggest improvements ``` ``` Make this SEO
Excerpt of 8,413 characters
Read on GitHub
Addy Osmani · Google · United States
22
4
Federico Bartoli · @madisoft · Italy
3
Duc Nguyen · @padlet · Singapore
1
1
Would you bet a product on this? Bounded 0–100 and slow moving.
matched fp:3907e612792c4c63, topic:testing