Best react components skills, page 4

Patterns for building and debugging TabzChrome itself. An agent skill from GGPrompts/TabzChrome.

GGPrompts/TabzChrome

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

PageAI-Pro/ralph-loop

A skill your agent uses when the user is implementing, embedding, or debugging a WorkOS Widget — specifically the User Management, User Profile, Admin Portal SSO Connection, or Admin Portal Domain…

usenotra/notra

Create a new BEEQ StencilJS web component. An agent skill from Endava/BEEQ.

Endava/BEEQ

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

Best practices for building and improving React code components in Framer, a no-code website builder.

framer/plugins

Jest + React Testing Library best practices for Wonder Blocks unit tests.

Khan/wonder-blocks

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

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

React component patterns for reusable, maintainable code. An agent skill from emanueleielo/deepagents-open-lovable.

emanueleielo/deepagents-open-lovable

Frontend patterns for modern web frameworks, component libraries, auth flows, and analytics. Use when building UI components, creating pages…

bybren-llc/safe-agentic-workflow

Correct mental models for React re-renders and memoization. An agent skill from stellar/laboratory.

stellar/laboratory

How Circuit Breaker moves data between backend and frontend — the NATS internal bus, Redis pub/sub, the WebSocket stream endpoints and their first-message JWT handshake, SSE log/event streams, and…

BlkLeg/CircuitBreaker

Best practices for writing idiomatic Relay code. An agent skill from hackers-pub/hackerspub.

hackers-pub/hackerspub

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

AgriciDaniel/claude-blog

CSS Modules conventions, Stylelint rules, design tokens (spacing, colors, typography, border-radius), and patterns for the Opentrons monorepo.

Opentrons/opentrons

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

Turn static SCREENSHOTS into a simulated screen recording (TSX) — a fake screencast with an animated cursor that eases to targets and clicks, a browser URL bar that updates per page, hard-cut…

hassancs91/claude-youtube-editor

TypeScript best practices. An agent skill from cursor/plugins.

cursor/plugins

A skill your agent uses when building forms - covers React Hook Form, Zod validation, and form patterns

trycompai/comp

Write Vitest/Testing Library tests the Ultraviolet way — interact with the rendered DOM like a user, following query priority.

scaleway/ultraviolet

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

Guidance for React frontend work. An agent skill from valkey-io/valkey-admin.

valkey-io/valkey-admin

DOTA2 自定义游戏 UI（Panorama）开发指南。触发词：UI、界面、面板、panorama、frontend、前端、HUD、layout、xml、css、样式。Use when user asks to create or modify DOTA2 custom game UI panels, React components, CSS styles, layout XML…

XavierCHN/x-template

Add a new empty subpage (tab) to an existing eIsland settings section with page navigation support.

JNTMTMTM/eIsland

TypeScript anti-slop guardrails. An agent skill from web-infra-dev/rstest.

web-infra-dev/rstest

A skill your agent uses when building a new pixel-art or retro frontend with pxlkit (@pxlkit/ui-kit) — landing, dashboard, portfolio, game UI.

Joangeldelarosa/pxlkit

Page Object Model pattern for the Playwright scaffold — class structure, get-accessor locator pattern, action-method conventions, component composition, registration via the page-object fixture, and…

idavidov13/agentic-playwright

Record and replay TanStack Start SSR with test-proxy-recorder.

asmyshlyaev177/test-proxy-recorder

指导在项目中对前端代码（Next.js/React/TypeScript/Tailwind 等）进行结构、可维护性、性能与一致性审查，基于既定规则清单。适用于用户请求审查 .tsx/.ts/.js/.jsx 等前端文件或前端目录下的页面与组件。不用于后端代码（如 .py）。

ProgrammerAnthony/Anything-Extract

Create and update QuickStack frontend pages, React components, forms, dialogs, tables, streaming UI, and Zustand-backed state using the project's established UI conventions.

biersoeckli/QuickStack

A skill your agent uses when building or modifying a form, binding inputs, adding validation, or adding/changing any user-facing string in the nekocap frontend.

nopol10/nekocap

React 19 conventions in ONE sites — client islands, @oneie/react hooks, no useEffect for ONE data.

one-ie/one

React and Next.js performance optimization patterns. An agent skill from AvivK5498/beads-web.

AvivK5498/beads-web

Enforces that any new/changed user-facing capability is added to BOTH the marketing site (Landing.jsx / src/features.js) AND the real app (App.jsx and friends) — never just one.

FontWoW/FontWoW.github.io

Modal imperative API guide. An agent skill from kurealnum/dotfiles.

kurealnum/dotfiles

Builds cross-chain token swaps and bridge flows with the NEAR Intents 1Click API: quotes, deposit addresses, per-chain deposits and status polling.

internet-court/internet-court-skill

A skill your agent uses when changing Trilium's built-in PDF viewer — anything under packages/pdfjs-viewer (the code injected into Mozilla's PDF.js viewer: bootstrap.ts, annotations.ts, pages.ts…

TriliumNext/Trilium

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

mastra-ai/mastra

Keep JSX and component logic clean by minimizing inline ternaries, nested conditionals, and stringified conditional classes.

flornkm/personal-site

A skill your agent uses when creating, moving, splitting, or organizing TypeScript files and folders.

hashintel/hash

MUI Base UI unstyled React components with Floating UI. An agent skill from secondsky/claude-skills.

secondsky/claude-skills

Develop the AuthCrunch Docusaurus homepage, React components, navigation configuration, CSS, and Tailwind integration.

authcrunch/authcrunch.github.io

Safety rules for the dev toolbar, PostHog client, and feature flags.

supabase/supabase

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

supabase/supabase

Step 2 of the AI Video Editor pipeline — build the visual beats (Remotion TSX shots) over a project's master cut and bake a composited preview.

hassancs91/claude-youtube-editor