React agent skills, page 3

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

Guides work on React Router apps by first identifying whether the app uses Framework, Data or Declarative mode, then loading the matching reference and the installed package docs.

remix-run/react-router

Tells the agent where new code belongs in an Electron multi-process project and which APIs each process may use, with rules for new bridges, services, agents and workers.

iOfficeAI/AionUi

Sets patterns for React interfaces: when to show loading spinners or skeletons, how to surface errors, how to disable buttons during async work and how to handle empty lists.

ChrisWiles/claude-code-showcase

Covers the GSAP core API for tweens, easing, staggers, defaults and matchMedia, and when to choose GSAP over CSS animations or other JavaScript animation libraries.

greensock/gsap-skills

Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files.

lobehub/lobehub

Builds responsive, accessible Chakra UI v3 components and layouts, sets up Chakra in new or existing projects, and designs themes with tokens, semantic tokens and recipes.

chakra-ui/chakra-ui

Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io.

lyonjs/shortvid.io

Analyze and optimize React component performance issues (slow renders, re-render thrash, laggy lists, expensive computations).

Dimillian/Skills

Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout and interactions, including Framer sites and animated pages.

JCodesMore/ai-website-cloner-template

Guides an agent through using @pierre/diffs to render syntax-highlighted files and diffs, and to build editing and review surfaces in React or plain JavaScript.

pierrecomputer/pierre

Generate code using nx generators. An agent skill from nomcopter/react-mosaic.

nomcopter/react-mosaic

Helps build terminal user interfaces with OpenTUI using its core imperative API or its React and Solid reconcilers, with references for layout, keyboard, animation and testing.

cline/cline

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance.

vmDeshpande/ai-agent-automation

UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.

saoudi-h/solar-icons

React useEffect best practices from official docs. An agent skill from udecode/plate.

udecode/plate

Find 10x product opportunities and high-leverage improvements.

openstatusHQ/data-table-filters

Shows how to run GSAP animations in React and Next.js with the useGSAP hook, refs, scoped selectors and automatic cleanup on unmount.

greensock/gsap-skills

Development conventions and architecture guide for the Claude Code CLI repository.

codeaashu/claude-code

Guides an upgrade from Chakra UI v2 to v3: inspect the project, swap packages, run the official codemod, then fix provider, color mode, props, theming and Next.js code.

chakra-ui/chakra-ui

网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 /…

Jane-xiaoer/claude-skill-web-clone

Review npm dependency upgrade diffs. An agent skill from react-cosmos/react-cosmos.

react-cosmos/react-cosmos

Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.

creativetimofficial/ui

Build terminal user interfaces (TUIs) using Ink (React for CLIs) and @inkjs/ui with a reactive, session-driven wizard pattern.

novuhq/novu

Generate comprehensive release notes for Bit from git commits and pull requests.

teambit/bit

Enforces one repository's React and TypeScript module layout for code under src/: source-root imports, feature barrels, deliberate exports and no deep imports.

siteboon/claudecodeui

Operate a selective workspace for complex reasoning, long tasks, repository engineering, coordinated agents, and authorized security analysis.

Tiger3807861189/J-Space-Cognition-Suite

Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries…

langgenius/dify

AI hotspot monitoring and trending topic discovery across multiple sources (Bing, Google, DuckDuckGo, HackerNews, Sogou, Bilibili, Weibo, Twitter).

liyupi/yupi-hot-monitor

Compare React Doctor diagnostics for a GitHub pull request (PR) with Vercel Sandbox.

millionco/react-doctor

Guides installing, configuring, styling and using taro-ui (At* components) in Taro apps for WeChat, Alipay, H5 and React Native.

jd-opensource/taro-ui

Use boneyard-js to add, configure, debug, or rebuild skeleton screens.

0xGF/boneyard

Reviews and converts UI code to Chakra UI v3, producing a critique, rewritten code or both, from plain HTML, Tailwind, CSS Modules or styled-components.

chakra-ui/chakra-ui

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

Shows how to build forms with Formik and Yup validation, including conditional rules, field helpers, GraphQL submission, edit forms and multi-step flows.

ChrisWiles/claude-code-showcase

Walks through adding a Wagmi feature across its layers: a Viem-based core action, TanStack Query options, and React and Vue bindings.

wevm/wagmi

Creating interactive data visualisations using d3.js. An agent skill from calesthio/OpenMontage.

calesthio/OpenMontage

Work on the pnpm Rust engine (@pnpm/napi, the pacquet crates) that bit install runs through.

teambit/bit

Create production-ready GitHub Actions workflows for automated testing, building, and deploying applications.

bartstc/vite-ts-react-template

Analyzes V8, Chrome and Electron .heapsnapshot files with Node scripts to find memory leaks, detached DOM nodes and the retainer paths that keep objects alive.

keybase/client

Reviews Cherry Studio branches, pull requests, commits, files and docs against the project's own architecture, naming, API-boundary and UI rules, report-only by default.

CherryHQ/cherry-studio

nuqs (type-safe URL query state) best practices for Next.js and other React frameworks.

trycompai/crm

Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.

yetone/kill-ai-slop

Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.

crafter-station/petdex

A skill your agent uses when working with FormKit forms, validation, schema, or custom inputs in React, Vue, or Nuxt projects.

formkit/formkit

Integrate Novu's in-app notification inbox into web applications.

novuhq/novu

Audit React Doctor against ReactBench or similar diagnostic benchmark corpora for confirmed false positives, false negatives, taxonomy gaps, and verifier artifacts.

millionco/react-doctor

A skill your agent uses when doing ANY task involving Supabase.

curvenote/curvenote