React · For frontend developers

VeChain Kit and dapp-kit packages — installation, hooks, components, wallet connection, social login, smart accounts, theming, and Privy setup.

vechain/x-app-template

Headless UI for virtualizing large element lists at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular.

udecode/plate

Production-ready UI motion system for React/Next.js. An agent skill from templetongroup/radiant.

templetongroup/radiant

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

freekmurze/dotfiles

React performance optimization guidelines from Vercel Engineering.

gambitph/Stackable

Expert guidance for building React UIs with Radix Themes and Radix Primitives.

aehrc/pathling

Framer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.

AThevon/genjutsu

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

KumarSashank/motiscope

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

Recreate a UI screenshot, mockup, or design image as production-quality React + TypeScript + Tailwind code with near-pixel-perfect visual fidelity.

buildfastwithai/gen-ai-experiments

Write a workflow this site will actually run — the eight step kinds, the fenced graph block that makes it executable, and the trap where beautifully-written prose compiles to a workflow with zero…

one-ie/one

Reviews and migrates deprecated wildcard () values in Power Pages Web API fields site settings to least-privilege explicit Dataverse columns.

microsoft/power-platform-skills

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

A skill your agent uses whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion…

github/awesome-copilot

Provides the complete migration pattern for React legacy context API (contextTypes, childContextTypes, getChildContext) to the modern createContext API.

github/awesome-copilot

Automatically discover frontend development skills when working with React, Next.js, UI components, state management, data fetching, forms, accessibility, performance optimization, or SEO.

rand/cc-polymath

React expert for hooks, state management, Server Components, and performance optimization

RightNow-AI/openfang

Internationalize a module by extracting hardcoded Chinese strings, generating translation keys, and updating all three locale files (en, zh-Hans, ja).

dataelement/bisheng

React, Next.js, state yönetimi, performans optimizasyonu ve UI en iyi uygulamaları için frontend geliştirme kalıpları.

affaan-m/ECC

Add and tune animated liquid-metal WebGL borders with the React metal-fx package.

boraoztunc/skills

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

为 iPolloWork 新插件或插件工作区复用 UI 组件、颜色、字体及交互规范。按 Figma 成熟状态和代码清单优先采用已确认组件，区分宿主 React 与独立 HTML/iframe 的接入方式；适用于插件表单、导航、浮层、反馈、状态和进度设计及实现，不改变用户作品的视觉风格。

Devin-AXIS/iPolloWork

Coding conventions, architecture patterns, and testing rules for the SkillHub React frontend.

iflytek/skillhub

Professional typography rules for UI design, web applications, software interfaces, and all screen-based text.

bencium/bencium-marketplace

Detects hand-rolled optimistic-update plumbing in React code that should be using effect-atom's Atom.optimistic and Atom.optimisticFn instead.

UsefulSoftwareCo/executor

GSAP animation engine sub-skill - core, timeline, ScrollTrigger, plugins.

AThevon/genjutsu

Critique and improve the visual design of an existing UI component with concrete implementation guidance.

superset-sh/superset

Accessibility patterns for WCAG 2.2 compliance, keyboard focus management, React Aria component patterns, cognitive inclusion, native HTML-first philosophy, and user preference honoring.

yonatangross/orchestkit

Clone any website's landing page with pixel-perfect fidelity.

SylphAI-Inc/skills

React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。

affaan-m/ECC

Build right-to-left Persian (Farsi) UI in React and Tailwind the way an Iranian product team would: logical CSS only, Persian fonts without letter-spacing, Persian digits and «تومان», Jalali dates…

TronIsHere/vibefarsiui

A skill your agent uses when operating in a codebase that employs an existing design system (shadcn/ui, Material UI, Ant Design, Chakra, etc.), when you need to identify which system a project uses…

NoobyGains/godmode

Guides performance investigation, benchmarking, and optimization of the Grida Canvas web editor (TypeScript reducer, Immer, React hooks).

gridaco/grida

A skill your agent uses when adding @axhub/annotation to standalone React apps, plain HTML pages, Vite prototypes, or other web hosts that need annotation markers, directories, Markdown notes, or…

lintendo/Axhub-Skills

Frontend design entry point: direction, design system, visual philosophy.

sickn33/agentic-awesome-skills

Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

Light0305/Light-skills

Write or change React UI in apps/web, apps/gateway or packages/react-core — a component (not the route file that renders it), its user-facing strings, its Storybook story, or moving it into…

DouglasNeuroInformatics/OpenDataCapture

Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases.

alirezarezvani/claude-skills

Build complete transactional email systems: React Email templates, provider integration (Resend, Postmark, SendGrid, AWS SES), preview server, i18n support, dark mode, spam optimization, analytics…

alirezarezvani/claude-skills

A skill your agent uses when building game UI (menus, HUD, dialogue box, settings/save screens) on top of Pixi'VN with an external JS framework (React, Vue) or with plain PixiJS components —…

DRincs-Productions/pixi-vn

一套用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的多组件 claude.ai HTML 工件的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂工件，不适用于简单的单文件 HTML/JSX 工件。

Prorise-cool/Claude-Code-Multi-Agent

Override Markstream node renderers and add trusted custom tags across Vue, React, Svelte, and Angular using scoped or renderer-local mappings.

sickn33/agentic-awesome-skills

Install and configure Markstream streaming Markdown renderers for Vue, React, Svelte, Angular, Nuxt, Next.js, and Vue 2 applications.

sickn33/agentic-awesome-skills

Enforces React component authoring best practices. An agent skill from paralleldrive/aidd.

paralleldrive/aidd

This skill should be used when the user wants to create a standardized React 18 + TypeScript + Vite + Zustand project from scratch.

jiushiwon/wg-skills

Take money on this site — a crypto payment link that needs no backend and no account, or a card charge through Stripe.

one-ie/one