Best web performance skills for Claude Code, Codex and other agents.

Scans React code for lint, accessibility, bundle size and architecture issues, reports a health score and checks that changes do not lower it.

makeplane/plane

Runs a metrics-first audit of a deployed Vercel project, gating investigations on real signals to produce ranked, citation-backed cost and performance recommendations.

vercel-labs/agent-skills

Audits and fixes web animation performance: layout thrashing, work that belongs on the compositor, scroll-linked motion and costly blur effects.

ibelick/ui-skills

Pulls real Google data for SEO work: Search Console, PageSpeed Insights, CrUX field data, the Indexing API and GA4 organic traffic, through /seo google commands.

AgriciDaniel/claude-seo

Guides the agent to keep GSAP animations smooth by animating transforms and opacity, batching DOM reads and writes, and avoiding layout-heavy properties.

greensock/gsap-skills

Reviews frontend changes under `web/` or `packages/dify-ui/` for concrete defects and broken project contracts, using routed rule packs and a severity scale for findings.

langgenius/dify

Guidelines for React 18 and TypeScript apps covering Suspense data fetching, lazy loading, feature folders, MUI v7 styling, TanStack Router and performance.

diet103/claude-code-infrastructure-showcase

Google API integration for blog performance: PageSpeed Insights, CrUX Core Web Vitals with 25-week history, Search Console performance, URL Inspection, Indexing API, GA4 organic traffic, NLP entity…

AgriciDaniel/claude-blog

Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing.

addyosmani/web-quality-skills

Google SEO APIs: Search Console (Search Analytics, URL Inspection, Sitemaps), PageSpeed Insights v5, CrUX field data with 25-week history, Indexing API v3, and GA4 organic traffic.

AgriciDaniel/codex-seo

Analyzes Chrome or Electron DevTools Performance trace exports with Python scripts to find where render time actually goes, without opening DevTools.

keybase/client

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking.

vmDeshpande/ai-agent-automation

Comprehensive web quality audit covering performance, accessibility, SEO, and best practices.

midudev/100cosas.dev

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence.

addyosmani/web-quality-skills

Optimize web performance for faster loading and better user experience.

midudev/100cosas.dev

Live SEO data via DataForSEO MCP server. An agent skill from AgriciDaniel/codex-seo.

AgriciDaniel/codex-seo

This skill should be used when the user asks to "add UI copy", "add a translation", "optimize the frontend bundle", "change onboarding", "change conversation UI", "add a query key", "change MSW…

OpenHands/OpenHands

Improve interface performance across loading speed, rendering, animations, images, and bundle size.

boussadjra/vuestrata

Full live SEO audit of any website from its homepage URL, powered by Jev (TypeSafe's System One model).

AgriciDaniel/jev-seo

Runs a full SEO audit that combines Google Search Console, URL Inspection, PageSpeed Insights and a technical crawl, then ranks quick wins and a 30-day plan.

nowork-studio/notfair-plugin

Integrate Databuddy analytics using the SDK, REST API, or MCP.

databuddy-analytics/Databuddy

Comprehensive SEO analysis for any website or business type.

AgriciDaniel/seo-os

Run this repository's local CI parity commands and pnpm run ci:local jobs.

module-federation/core

Measure lab CLS with profile:cls, debug layout shift from loading shells and first-paint jump, and keep budgets tied to a CI artifact.

LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator

Quickly compare the posthog-js array.js bundle size in the current working tree against a git baseline using the repository's esbuild proxy.

PostHog/posthog-js

GPU frame debugging with RenderDoc via rdc-cli. An agent skill from rudybear/renderdoc-skill.

rudybear/renderdoc-skill

A skill your agent uses when the user reports jank, dropped frames, janky scrolling, slow click or typing response, poor INP, slow LCP, layout shifts (CLS), unresponsive pages, or asks to debug…

millionco/debug-agent

Find and fix why a website is slow by capturing and analyzing a Firefox performance profile, or by analyzing a profile the user already has (a saved file or a profiler.firefox.com share link).

mozilla/firefox-devtools-mcp

Beginner-first SEO coaching for people who want to learn by doing one safe, verifiable step at a time.

akseolabs-seo/seo-coach

Generates fast, SEO-optimized static HTML landing pages targeting 100/100 PageSpeed (LCP < 2.5s, INP < 100ms, CLS < 0.1), full schema.org JSON-LD, AVIF images, critical CSS, zero external…

aleksandr-alhoff/seo-landing

Manage Oh Dear website monitoring using the ohdear CLI. An agent skill from ohdearapp/ohdear-cli.

ohdearapp/ohdear-cli

Systematically reduce the shipped bundle size of a JS/TS library without sacrificing code readability or breaking consumer APIs.

kcsujeet/ilamy-calendar

Author a new PostHog browser extension, or port a posthog-js v1 extension, against the @posthog/browser-common Client/Extension contract.

PostHog/posthog-js

Add Temps analytics to React applications with comprehensive tracking capabilities including page views, custom events, scroll tracking, engagement monitoring, session recording, and Web Vitals…

gotempsh/temps

Debug and verification workflow for runtime-bundle and module-resolution regressions.

OpenHikmah/openhikmah-web

Analyzes web performance using Chrome DevTools MCP. An agent skill from hodgef/apiker.

hodgef/apiker

A skill your agent uses when analyzing the server/desktop backend bundle — "what does the server load at startup?", "is <dependency lazy on the backend?", "why is <package in the startup set?", "how…

TriliumNext/Trilium

Create optimized production bundles with Bun's native bundler.

involvex/youtube-music-cli

JPA/Hibernate patterns and common pitfalls (N+1, lazy loading, transactions, queries).

decebals/claude-code-java

Read before writing or reviewing any frontend code in lightlystudioview - Svelte, TypeScript, or SvelteKit files.

lightly-ai/lightly-studio

Decides whether an interface effect belongs in CSS, SVG, Canvas 2D, WebGL or WebGPU, then builds, debugs and visually verifies focused GPU effects inside product UIs.

v2space-labs/shader-for-interfaces

Analyzes and optimizes application performance across frontend, backend, and database layers.

CloudAI-X/claude-workflow-v2

Optimizes application performance. An agent skill from sanity-io/sanity.

sanity-io/sanity

Direct access to Google's own SEO data via Search Console (Search Analytics, URL Inspection, Sitemaps), PageSpeed Insights v5, CrUX field data with 25-week history, Indexing API v3, GA4 organic…

seranking/seo-skills

Operate Temps through the pinned @temps-sdk/cli package with bunx or npx.

gotempsh/temps

Use this when speeding up a web or Electron app's load or input.

jjcm/makefaster

Make a site behave on real phones — the defects no Lighthouse run or headless scroll test sees, learned from site owners reviewing production sites on an iPhone.

textura-agency/next16-claude-starter

Builds 3D web scenes with Three.js and React Three Fiber, with attention to art direction, a performance budget, mobile behavior and fallbacks.

madebyaris/advance-minimax-m3-cursor-rules