Frontend & Design · React

用于处理涉及检查、读取、创建、编辑、导出或代码映射的 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

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

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

Helps users discover agent skills from the open ecosystem. An agent skill from CamusGIT/EvoQuant.

CamusGIT/EvoQuant

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

Explains code with visual diagrams and analogies. An agent skill from bartstc/vite-ts-react-template.

bartstc/vite-ts-react-template

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 Three Fiber (R3F) and Poimandres ecosystem best practices.

zebbern/claude-code-guide

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 designing or reviewing the request layer of a frontend project (web / uni-app / mini-program), including request.ts wrappers, interceptors, deduplication, mocks, error…

jiushiwon/wg-skills

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