Skills
.Work. You
Rest

web-performance-seo

Community

Fix accessibility contrast to boost SEO.

Software Engineering#accessibility#CSS#contrast#Lighthouse#OKLCH#PSI#gradient-text
AuthorZhanlinCui
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps identify and remediate accessibility contrast issues that trigger PSI/Lighthouse "!" warnings, enabling more accessible pages and better SEO signals.

Core Features & Use Cases

  • Contrast auditing: Detects CSS color/opacity pitfalls, OKLCH/OKLAB color spaces, gradient text, and image-background contrast problems affecting audits.
  • Remediation guidance: Provides actionable steps to fix color, opacity, and overlay issues to improve accessibility scores and page speed signals.
  • Use Case: Use this Skill during web refreshes or CI checks to automatically flag contrast regressions and generate remediation notes for developers.

Quick Start

Use the skill to scan a sample page for contrast failures and generate a remediation plan you can apply in your CSS.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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-seo
Download link: https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection/archive/main.zip#web-performance-seo

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 223,000+ vetted skills library on demand.