Vibe Coding Discover

Skills

web-quality-skills

View on GitHub

Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.

★ 2.8K247 forksShellMITaddyosmani

Agent Skills pack giving coding agents a measurement-first workflow for auditing and fixing web quality: Lighthouse and DevTools traces, Core Web Vitals, WCAG 2.2 accessibility, SEO and best practices. Installs into Claude Code, Codex, Gemini CLI or Cursor via npx skills add.

Use Cases

Lighthouse web quality audit across performance, a11y, SEO, best practicesDiagnosing and fixing Core Web Vitals (LCP, INP, CLS)WCAG 2.2 accessibility and keyboard/screen-reader reviewTechnical SEO, crawlability and structured data checksPerformance trace and DevTools insights analysisSetting performance budget guardrailsJavaScript bundling, image and font load optimizationSecurity headers and modern web best-practice review

Built With

Language
Shell
Frameworks
Claude Code · Codex CLI · Gemini CLI · Cursor · Chrome DevTools MCP · Lighthouse · PageSpeed Insights · CrUX · React · Next.js · Vue · Nuxt · Svelte · Astro

Tags

agent-skills · claude-skills · claude-code-plugin · codex · gemini-cli · web-performance · lighthouse · core-web-vitals · accessibility · wcag · seo · best-practices · chrome-devtools-mcp · performance-traces · crux · measurement-first