How does this skill improve SEO?

Search engines prioritize accessible sites; by fixing contrast and visibility errors, you improve your site's quality signals and overall Lighthouse performance score.

Can this skill fix gradient text issues?

Yes, it provides CSS fallback patterns to ensure text remains accessible to screen readers and contrast checkers while maintaining design aesthetics for modern browsers.

What does the '!' in Lighthouse mean?

It indicates that the audit failed to run completely, often due to complex CSS like filters or unusual color spaces that prevent the contrast engine from calculating scores.

Why are OKLCH colors an issue for SEO?

While modern, some accessibility tools struggle to parse them, leading to failed contrast audits which negatively impact your Lighthouse score and SEO ranking.

Web Performance & SEO Optimizer

Name: Web Performance & SEO Optimizer
Author: ZhanlinCui

byZhanlinCui

•

Marketing Automation

Resolves PageSpeed Insights and Lighthouse accessibility errors to boost search engine rankings and user experience.

This skill helps developers diagnose and fix '!' or failed audit errors in Google PageSpeed Insights and Lighthouse, specifically targeting color contrast and accessibility signals that impact SEO performance. It provides automated scan commands and remediation patterns for common modern CSS issues like OKLCH color formats, backdrop filters, low opacity backgrounds, and gradient text fallbacks to ensure sites meet WCAG standards and achieve higher Lighthouse scores.

Key Features

01Optimization workflows for text-on-image legibility using opaque overlays

02Automated scanning for accessibility-breaking CSS filters and blend modes

03Lighthouse and Axe audit validation to ensure numeric accessibility scores

04Conversion tools for modern color formats (OKLCH/OKLAB) to web-safe HSL/RGB

05Standardized remediation patterns for gradient text and transparent backgrounds

0617 GitHub stars

Use Cases

01Debugging complex CSS layouts that cause color-contrast audit failures

02Fixing PageSpeed Insights accessibility audits that fail with an '!' error

03Improving SEO rankings by optimizing core web vitals and accessibility signals

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add zhanlincui/ultimate-agent-skills-collection web-performance-seo

For use in Claude.ai and ChatGPT

Download Skill