React · Web performance

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

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

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

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

databuddy-analytics/Databuddy

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

rudybear/renderdoc-skill

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

kcsujeet/ilamy-calendar

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

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

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

Migrate an existing Vite and React Router SPA to vite-ssr-boost SSR in Data mode, preserving route objects and checking streaming, hydration, bundle size, and deployment readiness.

Lomray-Software/vite-ssr-boost

React performance optimization guidelines from Vercel Engineering (vercel-labs/agent-skills).

ryokun6/ryos

Publish static page artifacts to SourceCraft Sites (Yandex infrastructure, works in Russia), with advisory image optimization and an original-image path.

artwist-polyakov/polyakov-claude-skills

Install and integrate Ignite UI Web Components packages into React, Angular, Vue 3, LitElement, or vanilla JS/HTML apps, detecting the framework and applying framework-specific setup (package…

IgniteUI/igniteui-webcomponents

Sets out how to write React components in LobeHub: which styling approach to use, which component libraries to prefer and in what order.

lobehub/lobehub

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications.

alirezarezvani/claude-skills

Measure and improve Palot desktop runtime performance. An agent skill from ItsWendell/palot.

ItsWendell/palot

React performance optimization guidelines. An agent skill from poteto/noodle.

poteto/noodle

Builds Next.js 14+ apps on the App Router with server components, server actions, explicit caching, SEO metadata, loading and error boundaries and Vercel deployment.

Jeffallan/claude-skills

Builds React 19 components in TypeScript with Server Components, useActionState forms, custom hooks and state libraries, checked with tsc and React Testing Library.

Jeffallan/claude-skills

Sets a build, test and verify routine for web projects: write typed, accessible code and never call work done until it is checked in a real browser with screenshots.

nanocoai/nanoclaw

Core React 19 patterns including hooks, Suspense, lazy loading, component structure, TypeScript best practices, and performance optimization.

blencorp/claude-code-kit

Identify the right Ignite UI Web Components (igniteui-webcomponents, grids, charts, dock manager, React wrappers) for a UI requirement and point to official docs, examples, and API references.

IgniteUI/igniteui-webcomponents

React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills).

affaan-m/ECC

React performance optimization guidelines from Vercel Engineering.

gambitph/Stackable

React and Next.js performance optimization from Vercel Engineering.

Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI

Search tool for modern web development best practices. An agent skill from JetBrains/skills.

JetBrains/skills

Reduce application bundle size with Ignite UI Web Components by registering only needed components via named imports from the package root with defineComponents instead of defineAllComponents…

IgniteUI/igniteui-webcomponents

React 19+ patterns: custom hooks, Suspense boundaries, state management, component composition, and web performance.

irahardianto/awesome-agv

Optimise Grafana app plugin bundle size using React.lazy, Suspense, and webpack code splitting.

grafana/skills

Guide for performance optimization in Mobazha including React rendering optimization, code splitting, Web Vitals monitoring, and utility functions for debounce/throttle/memoize.

mobazha/mobazha-unified

Performance optimization patterns covering Core Web Vitals, React render optimization, lazy loading, image optimization, backend profiling, LLM inference, and sustainability UX.

yonatangross/orchestkit

Comprehensive performance specialist covering analysis, optimization, load testing, and framework-specific performance.

aiskillstore/marketplace

Modern frontend patterns for React Server Components, performance optimization, and Core Web Vitals

rohitg00/awesome-claude-code-toolkit

Optimize React apps for 60fps performance. An agent skill from curiositech/some_claude_skills.

curiositech/some_claude_skills

Motion (Framer Motion) React animation library. An agent skill from secondsky/claude-skills.

secondsky/claude-skills

Frontend development for React, Next.js, TypeScript, and Tailwind CSS.

borghei/Claude-Skills

React and Next.js performance playbook distilled from Vercel Engineering guidance.

majiayu000/spellbook

Expert Next.js performance optimization skill covering Core Web Vitals, image/font optimization, caching strategies, streaming, bundle optimization, and Server Components best practices.

giuseppe-trisciuoglio/developer-kit

A skill your agent uses when building, reviewing, testing, securing, or optimizing a Next.js App Router app: Server vs Client boundaries, use server actions, route handlers, the v15 vs v16 use cache…

ericrisco/rsc-harness

A skill your agent uses when making architecture-level React decisions — component decomposition, choosing where state should live, selecting a state manager (Context vs Redux vs Zustand) or a…

kid-sid/claude-spellbook

Optimize React rendering, bundle size, and data flow with profiler-led decisions.

HoangNguyen0403/agent-skills-standard

Diagnose measured runtime and Core Web Vitals. An agent skill from TheGoat395/Codex-Skills.

TheGoat395/Codex-Skills