Best react components skills, page 3

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

JNTMTMTM/eIsland

ComposeHooks 项目使用指南 - 为 Jetpack Compose/Compose Multiplatform 提供 React Hooks 风格的状态管理和副作用处理。

junerver/ComposeHooks

Integrate SimplePDF into a web application for PDF viewing, editing, filling, signing, programmatic control, AI-agent interaction, human-in-the-loop form prefilling, submissions, webhooks, or…

SimplePDF/simplepdf-embed

A skill your agent uses when a brief has to become a film. An agent skill from ohad6k/emulo.

ohad6k/emulo

React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider setup, useAuth/useUser/useClerk hooks, React Router protected routes, custom sign-in flows.

geekskai/blog

Audit an existing UI/UX design (React/JSX/TSX components, HTML, or generated app code) against a tiered ruleset of verifiable UX principles, and produce structured, evidence-cited findings that a…

rome-os/rome

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

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

Makes this repo's videos look like YOUR channel instead of the house default — interviews you for palette, fonts, wordmark, motion energy, delivery specs and SFX taste, then rewrites brand.md +…

hassancs91/claude-youtube-editor

Add a list+create page to a React app (clients/admin or clients/dashboard) — API module, page, lazy route, (admin) permission gate, Playwright test.

fullstackhero/dotnet-starter-kit

Creates a new UI component with implementation, index, tests, and Storybook stories following PageZERO conventions.

pagezero-dev/pagezero

Create or change Video.js React UI components. An agent skill from videojs/video.js.

videojs/video.js

Audit components for accessibility. An agent skill from scaleway/ultraviolet.

scaleway/ultraviolet

A skill your agent uses when customizing, branding, or replacing the built-in FrontMCP OAuth pages (the login, consent, federated-select, incremental-authorization, and error pages) with your own…

agentfront/frontmcp

Builds onchain apps with Coinbase's OnchainKit React components and TypeScript utilities: wallet connection, identity, token swaps, transactions and checkout flows.

BankrBot/skills

Implements and documents @reatom/jsx — reactive native DOM JSX.

reatom/reatom

Manage application state with the @virtuoso.dev/reactive-engine- package family.

petyosi/react-virtuoso

TypeGPU is type-safe WebGPU in TypeScript. An agent skill from software-mansion-labs/skills.

software-mansion-labs/skills

Expert guidance for Satori, the library that converts JSX/HTML and CSS into SVG (the engine behind dynamic Open Graph images and social cards).

usenotra/notra

Guide for updating Iconify icons and IconNames conventions in BMM.

Y80/bmm

Create Framer Code Components and Code Overrides. An agent skill from fredm00n/framerlabs.

fredm00n/framerlabs

Conventions front (Slick, Preact, CSS structurel, islands). An agent skill from 8borane8/s2pipe.

8borane8/s2pipe

Storybook best practices for Wonder Blocks component stories.

Khan/wonder-blocks

Orchestrate parallel migration of Blade React components to Svelte 5.

razorpay/blade

Scaffold a new page builder block for Turbo Start Sanity end-to-end — Sanity schema, GROQ projection, styled React component, Markdown serializer, tests, and all registrations.

robotostudio/turbo-start-sanity

Sets the conventions for the Opik React frontend: TanStack Query for data, Zustand for shared state, one-way layer imports and a fix for Google Translate crashes.

comet-ml/opik

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

Port and sync shadcn-style React components, blocks, examples, and documentation into Zaidan.

carere/zaidan

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

seasonedcc/remix-forms

Guided walkthrough for forking and deploying your own SimplePDF Copilot: hosting choice, Pro-account confirmation, AI-provider wiring, demo customization, deploy, and the SimplePDF whitelist step.

SimplePDF/simplepdf-embed

Guide for building React components using @stellar/design-system and project SCSS conventions.

stellar/laboratory

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

Add a new model to the SGLang Cookbook (docs/, Mintlify), config-driven format — instantiate the model-agnostic template into a per-model config (+ benchmarks) JSX under src/snippets/configs/, an…

sgl-project/sglang

Migrate a legacy-template SGLang cookbook page (monolithic per-model generator under docs/src/snippets/autoregressive/) onto the config-driven template (shared deployment.jsx / playground.jsx…

sgl-project/sglang

宜搭自定义页面开发规范，使用 YidaCodeCanvas 组件实现现代 React18 自定义页面。用于官网、看板、工作台、列表、详情、门户壳、可视化、hooks 交互、表单入口，以及需要门户组件、数据管理视图、成员、部门或上传组件的场景；发布层自动注入 yida/utils window 桥。

openyida/openyida

Compare React component render counts between origin/main and the current branch during a user-defined UI scenario (e.g.

imbue-ai/sculptor

CRITICAL: Use for json-ui component rendering and development.

actionbook/actionbook

Inspect and profile the React component tree of a running Storybook story through chrome-devtools-mcp (React DevTools over the Chrome DevTools Protocol, via react-devtools-cdt-mcp).

sanity-io/ui

gecs ECS framework API reference — the Entity-Component-System addon for Godot 4.x used by this project.

RandallLiuXin/GodotMaker

Teaches React Hooks for reusing stateful logic across components.

zosmaai/zosma-cowork

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

Build and maintain Discord bots with CommandKit core conventions.

neplexlabs/commandkit

Step 1 of the AI Video Editor pipeline — turn raw talking-head footage into a clean master cut.

hassancs91/claude-youtube-editor

React/Redux frontend development patterns for RedisInsight UI: component folder structure, styled-components, hooks, named exports, barrel files, layout components, and theme usage.

redis/RedisInsight

Set up React Three Fiber scenes, Canvas, typed JSX, hooks, and resource ownership.

EnzeD/r3f-skills

Use ONLY when working in the docker-acarshub repository AND building UI -- React components, SCSS modules, theme variables, accessibility, mobile responsiveness, Catppuccin color usage, Zustand…

sdr-enthusiasts/docker-acarshub

A skill your agent uses when building Hono web applications or when the user asks about Hono APIs, routing, middleware, JSX, validation, testing, or streaming.

bskimball/tanstack-hono

Apply Tonic UI repository conventions when creating or reviewing components, hooks, exports, and commit messages.

trendmicro-frontend/tonic-ui