Development · React components

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

Review backend code for quality, security, maintainability, and best practices based on established checklist rules.

langflow-ai/langflow

Refactor high-complexity React components in Langflow frontend.

langflow-ai/langflow

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

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

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

sanity-io/sanity

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

Zod schema validation best practices for type safety, parsing, and error handling.

jasonjgardner/blockbench-mcp-plugin

React performance optimization guidelines from Mastra Engineering.

mastra-ai/mastra

Enforce the no-useEffect rule when writing or reviewing React code.

mattiacerutti/supernova

Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering.

shapeshift/web

Promote a duplicated React/JSX template-local component into the shared @asyncapi/generator-components package.

asyncapi/generator

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

fastrepl/anarlog

This skill should be used when the user asks to "optimize TypeScript performance", "speed up tsc compilation", "configure tsconfig.json", "fix type errors", "improve async patterns", or encounters…

vana-com/personal-server

Use @data-client/react hooks for data fetching, mutations, and rendering - useSuspense, useFetch, useQuery, useCache, useLive, useDLE, useSubscription, useController, DataProvider, AsyncBoundary…

reactive/data-client

Create new applications for ryOS following established patterns and conventions.

ryokun6/ryos

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

langflow-ai/langflow

Review backend code for quality, security, maintainability, and best practices based on established checklist rules.

nazarli-shabnam/clevis

Trigger when the user requests a review of frontend files (e.g., .tsx, .ts, .js).

Ohh-889/skyroc

Looks up antd component props, docs, demos and changelogs with the offline @ant-design/cli, and helps debug, migrate between versions and audit usage in a project.

ant-design/antd-skill

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

HorusGoul/eslint-plugin-react-render-types

LobeHub TypeScript style and type-safety guide. An agent skill from tahabasri/snippets.

tahabasri/snippets

Reviews PR(s) using comprehensive review guidelines including security, correctness, clean code, TypeScript, React patterns, i18n/RTL, performance, and accessibility.

quran/quran.com-frontend-next

Add React Native support (.native.tsx files) to Blade components that currently only have web implementations.

razorpay/blade

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

JNTMTMTM/eIsland

Mandatory end-to-end procedure for adding or materially changing a DomoDomo tool or category.

darknecrocities/DomoDomo---All-in-one-Tool

Orchestrate parallel migration of Blade React components to Svelte 5.

razorpay/blade

Form implementation guidance for the aghub desktop app. An agent skill from AkaraChen/aghub.

AkaraChen/aghub

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

Circuit Breaker code conventions and the quality gates that actually block a push — ruff, mypy, eslint, the pytest coverage ratchet, and the make verify tiers.

BlkLeg/CircuitBreaker

A skill your agent uses when scaffolding a new standalone CSR app that uses luna (@lunaui/luna) outside the luna.mbt monorepo — running npx @lunaui/luna new, choosing TSX vs MoonBit, or fixing a…

mizchi/luna.mbt

Refactor high-complexity React components in frontend. An agent skill from PageAI-Pro/ralph-loop.

PageAI-Pro/ralph-loop

TypeScript code style and repo conventions for VSCode MCP — inference vs explicit types, ESM import suffixes, zod schema contracts, async VSCode/Node APIs, JSON-safe IPC results, JSDoc for public…

tjx666/vscode-mcp

Review a pull request against the SGLang Cookbook (docs/, Mintlify) contribution checklist — the config-driven format (per-model config + benchmarks JSX consumed by the shared deployment.jsx /…

sgl-project/sglang

Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features.

wshobson/agents

指导在项目（python项目）中队后端代码进行质量、安全、可维护性与最佳实践审查，基于既定规则清单。适用于用户请求对 backend/ 下后端文件（如 .py）进行审查、分析或改进。不用于前端文件（如 .tsx、.ts、.js）。支持待提交变更审查、代码片段审查、按文件审查。

ProgrammerAnthony/Anything-Extract

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

ryokun6/ryos

Refactor high-complexity React components in Dify frontend. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

A skill your agent uses for OpenIAP documentation generation work, especially the release-note card each PR carries in packages/docs/src/pages/docs/updates/releases.tsx, written as already published…

hyodotdev/openiap

REQUIRED when modifying any file in packages/playground-ui or packages/playground.

mastra-ai/mastra

Correct React Hook Form usage anywhere in the monorepo — data flow, subscriptions, reset, dirty state, number inputs, and controlled-input rules.

supabase/supabase

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

8starlabs/ui

Reviews a code change for correctness, security, maintainability, architecture, performance, and verification gaps, or performs a local code-smell review.

hylarucoder/hai-stack

Styling and layout guide for Saleor Apps using modern macaw-ui and @saleor/apps-ui-next.

saleor/apps

Guided, scripted pipeline for running JSX/TSX/React codemods safely across large legacy codebases.

pproenca/dot-skills