Can it help with search engine rankings?

It audits critical SEO factors including meta titles, descriptions, canonical URLs, Open Graph tags, and structured data to ensure your site is optimized for search visibility.

Can it detect color contrast issues?

Yes, it checks for WCAG 1.4.3 compliance, ensuring normal text meets the 4.5:1 minimum contrast ratio and large text meets the 3:1 requirement.

Does this skill support React components?

Yes, it is specifically designed to analyze JSX and TSX files, handling React-specific attributes like className and htmlFor during the audit process.

Does it perform automated testing?

Yes, it integrates with the axe-core CLI to provide industry-standard automated validation and severity-ranked reports (Critical, Serious, Moderate, Minor).

SEO & Accessibility Analyzer

Name: SEO & Accessibility Analyzer
Author: naporin0624

bynaporin0624

•

Security & Testing

Audits web source files for SEO best practices and WCAG 2.1 AA accessibility compliance.

About

The SEO & Accessibility Analyzer is a comprehensive audit tool for Claude Code designed to identify and fix critical web performance and inclusivity issues. It scans HTML, JSX, and TSX files to ensure compliance with WCAG 2.1 AA standards, validates heading hierarchies, checks for missing meta tags, and evaluates color contrast ratios. By integrating the axe-core CLI, it provides automated validation and actionable reports with specific code fixes, making it indispensable for developers building production-grade, accessible, and search-optimized web applications.

Key Features

SEO meta tag and structured data validation
Detailed reporting with prioritized fixes and code snippets
Automated axe-core CLI integration for deep scanning
2 GitHub stars
Support for React (JSX/TSX) and standard HTML files
WCAG 2.1 AA accessibility compliance auditing

Use Cases

Optimizing a landing page for search engine visibility and metadata
Fixing color contrast and keyboard navigation issues in a web application
Performing a pre-deployment accessibility audit on a React component

About

Key Features

SEO meta tag and structured data validation
Detailed reporting with prioritized fixes and code snippets
Automated axe-core CLI integration for deep scanning
2 GitHub stars
Support for React (JSX/TSX) and standard HTML files
WCAG 2.1 AA accessibility compliance auditing

Use Cases

Optimizing a landing page for search engine visibility and metadata
Fixing color contrast and keyboard navigation issues in a web application
Performing a pre-deployment accessibility audit on a React component