Skills
.Work. You
Rest

web-review

Community

Frontend quality checks for code changes

Software Engineering#performance#accessibility#frontend#nextjs#seo#core-web-vitals#web-review
Authormojwang
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Run when changes affect page files (src/app/), components, or content. Checks accessibility (alt text, headings, focus), SEO (metadata, structured data), performance (next/image, lazy loading), and Core Web Vitals.

Core Features & Use Cases

  • Accessibility checks: alt text, labels, focus visibility, heading order, and responsive interactions.
  • SEO checks: metadata, titles, descriptions, landmark usage, canonical URLs, and internal linking practices.
  • Performance checks: proper image handling (next/image), lazy loading, and avoidance of render-blocking resources.
  • Core Web Vitals monitoring: assess LCP, CLS, and INP implications of changes.
  • Mobile & Social: viewport setup, touch target sizes, and social/meta tags validation.
  • Use Case: You introduce a new nav component; the skill flags missing alt text, incorrect headings, and missing og:title metadata.

Quick Start

Review recent changes to validate accessibility, SEO, and performance before deployment.

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-review
Download link: https://github.com/mojwang/macbook-dev-setup/archive/main.zip#web-review

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.