addyosmani/web-quality-skills

seo

Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".

51K installs 3.0K stars

Before you install

Last update
Files in folder
2
Scripts
No script files found
SKILL.md size
14 KB (about 3,494 tokens of context each time it loads)
License
MIT

Skills are plain text instructions the agent follows, sometimes with scripts. Check the source, prefer repositories with many installs and stars, and read any script it ships.

Install

npx skills add addyosmani/web-quality-skills@seo

Runs in a terminal with Node.js 18 or newer. Add -y to skip the prompts and -g to install for every project instead of this one.

Install for your agent

npx skills add addyosmani/web-quality-skills@seo --agent claude-code -y
Project install writes to
.claude/skills/seo
Global install writes to
~/.claude/skills/seo

Start a new session afterwards so the agent picks the skill up. In Claude Code you can also call it directly with /seo.

What it does

SEO optimization Search engine optimization based on Lighthouse SEO audits and Google Search guidelines. Focus on technical SEO, on-page optimization, and structured data. Evidence-led audit workflow When a rendered page is available: 1. Run live Lighthouse SEO and Agentic Browsing checks when that capability is available; with Chrome DevTools MCP, use lighthouseaudit. Use the results to localize rendered-page failures. 2. Inspect signals Lighthouse cannot establish on its own: response headers, redirects, robots.txt, sitemap coverage, canonical consistency across page templates,…

Excerpt from the skill's own SKILL.md. Read the full file on GitHub before installing: skills run with your agent's permissions.

Categories

Related skills

  • accessibility

    addyosmani/web-quality-skills

    Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

  • performance

    addyosmani/web-quality-skills

    Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".

    40K installs 3.0KCode reviewProductivity
  • web-quality-audit

    addyosmani/web-quality-skills

    Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".

    31K installs 3.0K scriptsSEOCode review
  • core-web-vitals

    addyosmani/web-quality-skills

    Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".

    31K installs 3.0KDesign & UIDataAI & agents
  • best-practices

    addyosmani/web-quality-skills

    Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".

  • vercel-react-best-practices

    vercel-labs/agent-skills

    React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

← Search skills

/skills/addyosmani/web-quality-skills/seo/