Skills
.Work. You
Rest

nextjs-a11y-and-seo-audit

Official

Optimize Next.js for accessibility & SEO.

Software Engineering#accessibility#a11y#frontend#web vitals#metadata#nextjs#seo
AuthorAgentiveCity
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Ensuring Next.js App Router projects are accessible (WCAG, ARIA) and search engine optimized (metadata, semantic HTML) requires meticulous auditing and implementation, which can be time-consuming and complex. This Skill automates the analysis, fixes, and recommendations for a11y and SEO best practices, improving user experience and discoverability.

Core Features & Use Cases

  • Comprehensive Accessibility Audit: Evaluate and fix issues related to semantics, headings, labels, keyboard navigation, and screen reader support (WCAG compliance).
  • SEO Metadata Optimization: Generate and refine metadata, generateMetadata, Open Graph, and Twitter cards for improved search engine visibility and social sharing.
  • Semantic HTML & Structure: Ensure proper use of headings, roles, and semantic HTML for better SEO and accessibility, aligning with Lighthouse scores.

Quick Start

Audit /dashboard/settings for SEO + accessibility issues, make this table keyboard accessible, and write proper OG metadata for product pages.

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: nextjs-a11y-and-seo-audit
Download link: https://github.com/AgentiveCity/SkillFactory/archive/main.zip#nextjs-a11y-and-seo-audit

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.