Verified
Web performance & accessibility auditing
Best for: Ask your agent to "Audit my site", "Check web quality", or "Run a live Lighthouse and Core Web Vitals review."
npx skills add addyosmani/web-quality-skillsUpgrade your AI assistant's domain knowledge in modern frontend engineering. These curated Agent Skills teach Claude Code, Cursor, and Codex how to audit React 19 applications, enforce accessibility, and build Three.js 3D web experiences.
3 Verified
Claude, Cursor, Windsurf
1-Click Install
Weekly Benchmarks
Ranked by real-world developer adoption, benchmarked reliability, security posture, and documentation depth.
Web performance & accessibility auditing
npx skills add addyosmani/web-quality-skills3D web graphics & WebGL rendering
git clone https://github.com/pinkforest/threejs-playground.gitReact profiling & performance optimization
npx react-doctor@latest install| Rank | Name | Stars / Popularity | Best Use Case | Details |
|---|---|---|---|---|
| #1 | Web Quality Skills | Curated Pick | Ask your agent to "Audit my site", "Check web quality", or "Run a live Lighthouse and Core Web Vitals review." | View → |
| #2 | Three.js Skills | Curated Pick | Ask Claude Code or your agent to "Create an interactive 3D scene with Three.js" or "Animate a GLTF model with skinning and crossfading." | View → |
| #3 | React Doctor | Curated Pick | Run automated static diagnostics on your React codebase to detect hook bugs, effect loops, missing keys, and architecture smells. | View → |
Our evaluation methodology ensures every listed tool satisfies production engineering standards.
Instructions grounded in official framework documentation and modern best practices.
Clear modular subgroups that prevent bloating the assistant's instruction context.
An Agent Skill is a standardized repository of instructions, scripts, and best practices that AI agents discover to execute specialized tasks with senior-level accuracy.
Run `npx skills add <author>/<repo>` or use the Claude Code plugin manager to enable the skill instantly.