Skills
.Work. You
Rest

web-performance-a11y

Community

Fix Core Web Vitals and WCAG regressions fast.

Design & Creative#WCAG#performance optimization#lighthouse#core web vitals#responsive images#web accessibility#axe
Authordrewid74
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you diagnose and fix slow, janky pages and accessibility failures by targeting Core Web Vitals (LCP, INP, CLS) and WCAG 2.1 AA issues.

Core Features & Use Cases

  • Performance triage for Core Web Vitals: tunes TTFB, LCP, INP, and CLS using concrete, front-end and infrastructure actions.
  • Image and asset optimization: applies WebP/AVIF, preload strategy, sizing/aspect-ratio, and cache/compression guidance to reduce load and layout shifts.
  • Accessibility remediation: enforces semantic HTML, keyboard reachability, focus visibility, correct labeling, and safe ARIA patterns.
  • Quality gates and verification: defines measurable pass/fail checks using Lighthouse and axe plus a lightweight screen reader smoke test.

Quick Start

Use the web-performance-a11y skill when Lighthouse or axe shows issues on your site, and ask it to produce an actionable fix plan for a specific page and its current metrics.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: web-performance-a11y
Download link: https://github.com/drewid74/ai_skills/archive/main.zip#web-performance-a11y

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.