web-quality-skills
byaddyosmani· 2 plugins
An (unofficial) comprehensive collection of Agent Skills for optimizing web projects based on Google Lighthouse guidelines and Core Web Vitals best practices.
How to install web-quality-skills?
addyosmani/web-quality-skills
$claude plugin marketplace add addyosmani/web-quality-skillsInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install web-quality-skills by running `claude plugin marketplace add addyosmani/web-quality-skills`, then use it for the current task and follow its documentation at https://github.com/addyosmani/web-quality-skills.
.claude-plugin/plugin.json
| 1 | # .claude-plugin/plugin.json |
| 2 | claude plugin marketplace add addyosmani/web-quality-skills |
Related
6 picksType
- claude-codeClaude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.Jul 2026
- open-design🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export.Jul 2026
- frontend-slidesCreate beautiful slides on the web using a coding agent's frontend skillsJun 2026
- ag-uiAG-UI: the Agent-User Interaction Protocol. Bring Agents into Frontend Applications.Jul 2026
- gsap-skillsOfficial GSAP skills for Claude, Cursor, and other AI agents — animations, timelines, ScrollTrigger, plugins, utilities, React, and performanceApr 2026
- vue-skillsA collection of skills for Vue.js development.May 2026
