Development · React · For frontend developers

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

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

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

React and Next.js performance optimization guidelines from Vercel Engineering.

sanity-io/sanity

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

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

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

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

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

keybase/client

A skill your agent uses when the user wants to translate a repository README, make a repo multilingual, localize docs, add a language switcher, internationalize the README, or update localized…

Y80/bmm

Comprehensive guide to Antigravity Manager architecture, workflows, and development.

Draculabo/AntigravityManager

React performance optimization guidelines from Mastra Engineering.

mastra-ai/mastra

Build new shadcn-style components for Plate's registry and editor surfaces.

udecode/plate

Build, review, and troubleshoot RTDF React applications using exact component APIs, themes, icons, localization, and scaffolding.

any-tdf/any-tdf

Avoid direct React useEffect usage when writing or reviewing React components and hooks.

fastrepl/anarlog

Removes the south-admin-react template's demo pages, components and menu entries, after a dry-run preview and your confirmation, and cleans up the matching imports.

southliu/south-admin-react

Review frontend code (.tsx, .ts, .js files) for quality, performance, and correctness against Langflow's frontend conventions.

langflow-ai/langflow

Set up and author a documentation site with @lobehub/docs-kit (the lobedocs CLI, React Router + Vite static docs used by ui.lobehub.com).

lobehub/lobe-ui

Composition patterns for building React components with @renders type annotations from eslint-plugin-react-render-types.

HorusGoul/eslint-plugin-react-render-types

Sets the rules for writing Handsontable documentation examples in JavaScript, TypeScript, React, Angular and Vue, with the imports, registration and licence key each needs.

handsontable/handsontable

Implement a playbook from its PROMPT specification files. An agent skill from AgnosticUI/agnosticui.

AgnosticUI/agnosticui

Refactor a monolithic React component file into a standardized module structure with components/, hooks/, utils/, and config/ subdirectories.

JNTMTMTM/eIsland

Class-based reactive state management for React (Expressive MVC).

gabeklein/expressive-mvc

A skill your agent uses when wanting to systematically improve the React/TypeScript frontend - scans for security vulnerabilities, stability risks, performance issues, and code simplification…

luxury-yacht/app

Apply pull-request review comments to the frontend of kotlinlang.org (Next.js, React, TypeScript, CSS Modules under blocks/, components/, pages/, hooks/, utils/, test/).

JetBrains/kotlin-web-site

Bulletproof React architecture patterns for scalable, maintainable applications.

yamcodes/arkenv

Build, review, or test LiteyukiBot v7's React/Vite WebUI under webui/ and its packaged static delivery in packages/webui/.

LiteyukiStudio/LiteyukiBot

Refactor a monolithic React component file into a standardized module structure with components/, hooks/, utils/, types/, and config/ subdirectories.

JNTMTMTM/eIsland

Maintain element type comparison safety in remix-forms. An agent skill from seasonedcc/remix-forms.

seasonedcc/remix-forms

Checks deps update in widely consumed repos will cause problems or not, and ranks dependency updates by downstream impact for prioritisation.

cultureamp/kaizen-design-system

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

ryokun6/ryos

Update the third-party JavaScript vendored into the app for the artifact, diagram, and math WebViews (KaTeX, mermaid, marked, highlight.js, Tailwind, Babel, React).

garfiec/Librechat-Mobile

Collaboratively write a feature spec with the developer. An agent skill from bartstc/vite-ts-react-template.

bartstc/vite-ts-react-template

Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular.

bskimball/tanstack-hono

Defines React environment, component architecture, state/data flow, build verification, and frontend non-functional criteria from repository evidence.

shinpr/ai-coding-project-boilerplate

Review frontend code, UI changes, generated implementations, and pull requests with severity-based findings and checklist-driven analysis.

ceilf6/FrontAgent

A skill your agent uses when reviewing, debugging, or cleaning up existing 8StarLabs UI usage.

8starlabs/ui

Initialize a new Convex project from scratch or add Convex to an existing app.

waynesutton/markdown-site

A skill your agent uses when 用户需要审查前端代码（React/Vue/Next.js/TypeScript/Tailwind等）、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景：前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。

ProgrammerAnthony/Expert-Coding-Harness

Applies React/TypeScript type safety, component design, and state management rules.

shinpr/ai-coding-project-boilerplate

Quick reference for the Breeze Helper Tauri desktop app — architecture, Rust backend commands, React frontend, config files, IPC with the Go agent, helper chat API routes, tool approval flow, and…

LanternOps/breeze

Fix a GitHub issue by number. An agent skill from AgnosticUI/agnosticui.

AgnosticUI/agnosticui

Launches Chrome with an unpacked extension over CDP, opens its sidepanel, popup or options page, and hands over to cdp-connect for clicks, typing and screenshots.

adobe/skills

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

poteto/noodle

Advisory review of a diff that flags user-facing UI changes breaking numbered rules in the repository's DESIGN.md, reporting at medium or low severity only.

different-ai/openwork

Create React Flow node components with TypeScript types, handles, and Zustand integration.

microsoft/skills

Combine React's official "You Might Not Need an Effect" guidance with this project's stricter no direct useEffect stance.

waynesutton/markdown-site