React components

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

shapeshift/web

A skill your agent uses when creating HTML email templates with React components - welcome emails, password resets, notifications, order confirmations, newsletters, or transactional emails.

viclafouch/meme-studio

Looks up Microsoft Fluent UI System Icons and their exact @fluentui/react-icons component names through the Fluent Icons MCP server or HTTP API, instead of guessing.

coltongriffith/fluenticons

Generates a full CRUD page - page component, data model and API client - from the south-admin-react project's own VS Code snippet templates.

southliu/south-admin-react

Pick and install beUI (@beui) animated React components from the shadcn registry.

UniClipboard/UniClipboard

Provides TypeScript patterns for type-first development, making illegal states unrepresentable, exhaustive handling, and runtime validation.

bretzel-app/crumbs

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

asyncapi/generator

React-to-SolidJS transformation patterns for porting shadcn-style React components, examples, docs snippets, and blocks into Zaidan.

carere/zaidan

Frontend rules for building components in the Typebot codebase: simple Tailwind classes, shared UI primitives, minimal useEffect and a fixed declaration order.

baptisteArno/typebot.io

Repro-first QA for Inkline — minimal .ink.tsx reproductions, the visual-parity and cross-target harnesses, fuzz targets, and how to audit teammates' claims.

inkline/inkline

Renders MP4 videos from React and Remotion TSX code through the inference.sh CLI, with settings for resolution, frame rate, duration and codec.

Hainrixz/editor-pro-max

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

fastrepl/anarlog

A skill your agent uses when editing .tsx/.jsx/.css/.html, React components, pages, routes, forms, styles, or layouts.

millionco/expect

A skill your agent uses whenever creating or editing UI in this repo — React Native components, modals, bottom sheets, forms, buttons, inputs, typography, styling, icons, or any .tsx/.jsx work.

tetherto/pearpass-app-mobile

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

Plan and implement interactive chapter or playground pages for this Docusaurus repo.

datawhalechina/joyrl-book

Debug a JS runtime via CDP using argent debugger tools. An agent skill from bbplayer-app/BBPlayer.

bbplayer-app/BBPlayer

A skill your agent uses when writing MDX documentation pages for a Fumadocs project — frontmatter, meta.json, page ordering, and fumadocs-ui React components available inside MDX content.

better-notify/better-notify

Standardizes how a desktop app's UI lets a person choose one or more already-configured AI models, through a single grouped dropdown component.

leookun/cursor-byok

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

langflow-ai/langflow

Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs.

shadcn-labs/shadcn-cssinjs

Generates 2D Remotion-based TSX video files for VidTSX from a shot or scene description, with style presets and rules that keep renders from crashing.

hassancs91/claude-faceless-shorts-creator

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

nazarli-shabnam/clevis

Build and harden React Flow diagram surfaces in VeloxDB using @xyflow/react patterns (nodes, edges, viewport, controls, interactions, performance).

veloxbase/veloxdb

Author, validate, preview, test, install, or configure API-backed Homarr Custom JSX v2 widgets.

homarr-labs/homarr

Animation patterns and best practices for Next.js/React applications.

delphi-ai/animate-skill

Write Jest integration and unit tests for the Grafana Synthetic Monitoring app using React Testing Library, MSW, and src/test helpers.

grafana/synthetic-monitoring-app

Generate dark-mode-compatible inline SVG data visualization charts for blog posts.

AgriciDaniel/claude-blog

A skill your agent uses when working with BuzzForm schema-driven forms, @buildnbuzz/form-core, @buildnbuzz/form-react, or any related APIs like defineSchema, InferType, FormProvider, useDataField…

buildnbuzz/buzzform

Apply Shadmin feature-development standards (backend Go/Gin/Ent + frontend React/TS).

ahaodev/shadmin

Implements user interfaces using the Wonder Blocks (WB) design system — Khan Academy's React component library.

Khan/wonder-blocks

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

Add a Figma Code Connect (.figma.tsx) file for a Cauldron React component.

dequelabs/cauldron

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

HorusGoul/eslint-plugin-react-render-types

Writing, editing, and rendering Slab documents (.slab) — the declarative design language for app screens, posters, terminal UIs, and interactive components.

stencil-hq/slab

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

tahabasri/snippets

Use the daleui React design system with semantic Panda CSS tokens and accessible components.

DaleStudy/daleui

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

Build, edit, refine, troubleshoot, and review polished responsive product interfaces through the Loora MCP server and its structured Canvas schemas.

lassejlv/loora

Comprehensive guidance on setting up npm libraries with package.json, with a preference for ES Modules (ESM).

vana-com/personal-server

为 React 项目建立从浏览器页面元素到精确 JSX/TSX 源码、结构化上下文与可审阅修改的 SpotPatch 工作流。用户提到 SpotPatch、截图沟通前端修改、页面元素定位源码、Vite 或 Next.js 接入、组件数据链路、结构化 Prompt、AI 补丁审阅、安装检查或故障排查时使用此技能。

huanglvjing/spotpatch

A skill your agent uses when adding a new chapter to the PCL Tutorial web app (web/src/).

LimHyungTae/pcl_tutorial

Create DAC dashboards by writing YAML or TSX dashboard definition files.

bruin-data/bruin

Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table.

Hainrixz/editor-pro-max

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

razorpay/blade