Best react components skills, page 6

Guides React UI animation built on spring physics with React Spring and Popmotion: hooks, config presets, trails, list transitions and scroll or in-view effects.

freshtechbro/claudedesignskills

Add i18n to Kibana React components and server code using @kbn/i18n and @kbn/i18n-react.

elastic/kibana

Create React components, hooks, or utilities following the modlet pattern.

bitovi/ai-enablement-prompts

A skill your agent uses to clean up a React component. An agent skill from langfuse/langfuse.

langfuse/langfuse

Guidelines for writing React components. An agent skill from langfuse/langfuse.

langfuse/langfuse

Scaffold a new React component with co-located test, shadcn/ui primitives, and barrel export registration.

Artexis10/endstate-gui

This skill should be used when a learner is working through Module 1 ("Build an Agent") of the Build-an-Agent workshop and wants help understanding the concepts, notebooks, or code — e.g.

brevdev/workshop-build-an-agent

Generates complete, accessible, token-driven UI component code for a chosen framework such as React with Tailwind, SwiftUI, Vue, Flutter or Jetpack Compose.

plugin87/ux-ui-agent-skills

Add or modify Dokan frontend code (React, TypeScript, Vue, Tailwind).

getdokan/dokan

Create distinctive, production-grade frontend interfaces with high design quality.

JetBrains/skills

Coding patterns and best practices for development. An agent skill from Sidiora-Labs/centra-llm-agents.

Sidiora-Labs/centra-llm-agents

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

poteto/noodle

Builds React 19 components in TypeScript with Server Components, useActionState forms, custom hooks and state libraries, checked with tsc and React Testing Library.

Jeffallan/claude-skills

MANDATORY for every coding agent (Claude Code, Codex, or any other) on every change-set — every applicable source file the agent creates or updates MUST start with the project's copyright/authorship…

hoangsonww/Claude-Code-Agent-Monitor

Promote a finished Craft, experimental UI, or reusable React component from the user's portfolio into the Sona UI library through an approval-gated two-phase workflow.

Dinil-Thilakarathne/sona-ui

Build and edit design documents (.vetd) on the Vetta design canvas — app screens, landing pages, slides, posters, infographics.

openvetta/open-vetta

Explains how the @handsontable/react-wrapper package is built, from its components and settings mapping to selection handling and the generated TypeScript declarations.

handsontable/handsontable

Core React 19 patterns including hooks, Suspense, lazy loading, component structure, TypeScript best practices, and performance optimization.

blencorp/claude-code-kit

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture.

wshobson/agents

Write Storybook stories for PostHog UI components. An agent skill from PostHog/code.

PostHog/code

Guides React component implementation, performance optimization, and state management thresholds.

MatrixAges/polywise

TS and JS conventions for eserstack packages: namespace imports, mod.ts entries, cross-runtime APIs, explicit checks, async, tests and laroux React components.

eser/stack

Enforces coding best practices: deep-read before modify, LSP-first navigation, TDD red-green-refactor, minimal changes, self-review, verification.

KaimingWan/oh-my-kiro

Create or update visual test scenarios for a Kendo UI component in the HTML package.

telerik/kendo-themes

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

waynesutton/markdown-site

A skill your agent uses when 用户需要React项目开发指导、代码规范制定、最佳实践落地、性能优化、架构设计时。触发场景：React开发、React代码优化、React架构设计、React Hooks使用、Next.js开发、React组件设计、React性能优化。

ProgrammerAnthony/Expert-Coding-Harness

Write React design records. An agent skill from videojs/video.js.

videojs/video.js

TypeScript conventions, React patterns, testing, styling, and import rules for the Opentrons monorepo JS/TS packages.

Opentrons/opentrons

This skill should be used when the user asks to "create a Figma design", "design in Figma", "make a Figma mockup", "create an app icon", "design UI", "render JSX to Figma", "export from Figma"…

shepherdjerred/monorepo

React component architecture for creating composable, accessible components with data attributes.

udecode/plate

React patterns with destructured props, compiler optimization, Effects, and Tailwind v4 syntax.

udecode/plate

MANDATORY for any UI work in apps/app, apps/portal, or packages/design-system — every component, page, or layout change must work on mobile (~375px), tablet (~768px), desktop (~1280px), and large…

trycompai/comp

Builds Solana wallet-connected apps with Phantom Connect SDKs for React, React Native and vanilla JS, plus DFlow spot swaps and market-data streaming.

internet-court/internet-court-skill

Check whether Studio UI is covered by Chromatic visual regression, for a PR's changed files or for the whole tree, and decide between "already covered", "a story is pending in an open PR", and…

sanity-io/sanity

Page and layout component patterns for Rasengan.js. An agent skill from rasengan-dev/rasenganjs.

rasengan-dev/rasenganjs

React 18/19 patterns including hooks discipline, server/client component boundaries, Suspense + error boundaries, form actions, data fetching, state management decision trees, and…

affaan-m/ECC

React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills).

affaan-m/ECC

React component testing with React Testing Library, Vitest/Jest, MSW for network mocking, accessibility assertions with axe, and the decision boundary between component tests and Playwright/Cypress…

affaan-m/ECC

Guides design, implementation and review of Shift interface work: shared Base UI wrappers, Tailwind v4 theme tokens, Figma matching and accessible interaction states.

shift-editor/shift

Custom hook and composable patterns — naming, composition, stable return shapes, lifecycle cleanup, and testing strategies.

TheSoftwareHouse/copilot-collections

How to add routes without remounting the app shell. An agent skill from BuilderIO/agent-native.

BuilderIO/agent-native

Provides React patterns for hooks, effects, refs, and component design.

freekmurze/dotfiles

React performance optimization guidelines from Vercel Engineering.

gambitph/Stackable

Write, debug, and optimize Adobe Illustrator automation scripts using ExtendScript (JavaScript/JSX).

github/awesome-copilot

Investigates architecture and change complexity from repository runtime paths to bounded modules, React components, and shared contracts.

hylarucoder/hai-stack

This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned.

davila7/claude-code-templates

Browser-only React SDK for Fishjam — joining rooms, capturing camera/microphone/screen, displaying peers, and acting as a livestream streamer or viewer in a React web app.

software-mansion-labs/skills

Expert in Zod — TypeScript-first schema validation. An agent skill from davila7/claude-code-templates.

davila7/claude-code-templates