React · For frontend developers

Enforce the Campfire pattern for feature modules to react to Audiobookshelf socket events.

r0adkll/Campfire

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

poteto/noodle

Deep integration with Docusaurus for documentation site development.

farm-fe/farm

Recreate an analyzed animation as working web code — GSAP (JavaScript), CSS/Web Animations, Framer Motion (React), or Lottie/SVG.

KumarSashank/motiscope

Implements navigation patterns and routing for both frontend (React/TS) and backend (Python) including menus, tabs, breadcrumbs, client-side routing, and server-side route configuration.

ancoleman/ai-design-components

Builds Next.js 14+ apps on the App Router with server components, server actions, explicit caching, SEO metadata, loading and error boundaries and Vercel deployment.

Jeffallan/claude-skills

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

Full Sentry SDK setup for React. An agent skill from getsentry/sentry-for-ai.

getsentry/sentry-for-ai

Creates a new Lunora project or adds Lunora to an existing app, then gets the first schema + query/mutation round-trip running.

anolilab/lunora

Maintain DomoDomo React, TypeScript, routing, shared components, styles, and browser-first frontend architecture.

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

Give this workspace a resource type — products, lessons, tickets, whatever the business actually tracks — by writing one TOML file, so navigation, a searchable index, a detail page and a create/edit…

one-ie/one

Adds or extends multilingual localization in a Power Pages code-site SPA.

microsoft/power-platform-skills

Advisory review of a diff that flags user-facing UI changes breaking numbered rules in the repository's DESIGN.md, reporting at medium or low severity only.

different-ai/openwork

Astro patterns with Clerk — middleware, SSR pages, island components, API routes, static vs SSR rendering.

geekskai/blog

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

Entry point to a bundle of product design workflows covering context, research, audits, ideation, URL or image to code, design QA and sharing a prototype.

XiaomiMiMo/MiMo-Code

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

Sets a build, test and verify routine for web projects: write typed, accessible code and never call work done until it is checked in a real browser with screenshots.

nanocoai/nanoclaw

创建具有高设计品质、可交付生产的前端界面。当用户要求构建 Web 组件、页面、海报或应用（如官网、落地页、仪表盘、React/Vue 组件、HTML/CSS 布局，或对任意 Web UI 进行样式/美化）时使用本技能。产出有创意、打磨到位且避免「AI 通用审美」的代码与界面设计。

xstongxue/best-skills

Builds interactive Rive animations for the web and React: state machines, inputs, ViewModel data binding and events, with scripts that generate component code.

freshtechbro/claudedesignskills

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

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

MatrixAges/polywise

Designer subsystem patterns for LlamaFarm. An agent skill from llama-farm/llamafarm.

llama-farm/llamafarm

Create React Flow node components with TypeScript types, handles, and Zustand integration.

microsoft/skills

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

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 building, designing, redesigning, or reviewing any UI in the dashboard React frontend (client/dashboard, including the inlined Speakeasy Elements code) — a new page…

speakeasy-api/gram

Implements search and filter interfaces for both frontend (React/TypeScript) and backend (Python) with debouncing, query management, and database integration.

ancoleman/ai-design-components

Identify the right Ignite UI Web Components (igniteui-webcomponents, grids, charts, dock manager, React wrappers) for a UI requirement and point to official docs, examples, and API references.

IgniteUI/igniteui-webcomponents

Generate a complete SaaS landing page with EdgeOne Pages deployment.

TencentEdgeOne/awesome-website-prompts-and-skills

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

Guides React Native and Expo work for cross-platform apps: Expo Router navigation, fast lists, Reanimated animation, platform-specific code and project structure.

tech-leads-club/agent-skills

Audit AI-generated, AI-shaped, or AI-looking frontend code, UI screenshots, and design diffs.

jxnl/personal-monorepo-template

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

udecode/plate

Frontend building block catalog — typed patterns for components, hooks, queries, mutations, stores, and models.

bartstc/vite-ts-react-template

React、Next.js、状態管理、パフォーマンス最適化、UIベストプラクティスのためのフロントエンド開発パターン. An agent skill from affaan-m/ECC.

affaan-m/ECC

React, Next.js, 상태 관리, 성능 최적화 및 UI 모범 사례를 위한 프론트엔드 개발 패턴. An agent skill from affaan-m/ECC.

affaan-m/ECC

用于处理涉及检查、读取、创建、编辑、导出或代码映射的 Figma 内容任务，也用于将 HTML/React/Vue 等网页复制到 Figma，尤其适用于当前选区、设计系统、Figma MCP、Drafito、Figwright 或需要避免 MCP 工具污染上下文的场景。当用户需要可批注 Figma 链接或要求同时绑定工作目录时，也应与 axhub-commentary 组合。

lintendo/Axhub-Skills

To build powerful frontend claude.ai artifacts, follow these steps:

sickn33/agentic-awesome-skills

Configure Sanity libraries with @sanity/tsdown-config, including its publishing defaults, React transforms, CSS extraction, TSDoc checks, and advanced tsdown composition.

sanity-io/sanity

Simple scroll-triggered reveal animations using AOS (Animate On Scroll).

freshtechbro/claudedesignskills

Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG.

theexperiencecompany/gaia

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support.

affaan-m/ECC

Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react.

affaan-m/ECC

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