React · For designers

Turns Stitch screens into a React, Vite and TypeScript dashboard with TanStack Query data fetching, DESIGN.md tokens as CSS variables and optional read-only Web3 data.

google-labs-code/stitch-skills

Implements After Effects Lottie animations in web and React apps: picking JSON or dotLottie format, a rendering library, and a data source, with an optimizer script.

freshtechbro/claudedesignskills

Design, build, redesign, or modify browser-visible web interfaces with product-quality composition, visual systems, interaction states, responsive behavior, accessibility, and browser visual QA.

MemTensor/memmy-agent

Framer Motion (Motion) patterns for React: spring presets, staggers, layout animations, micro-interactions, scroll effects and page transitions, with performance rules.

dylanfeltus/skills

Create data-driven presentation slides using React, Vite, and Recharts with Sentry branding.

getsentry/skills

A skill your agent uses when setting up a project to use pxlkit (@pxlkit/ui-kit), or when asked what the pxlkit skills do.

Joangeldelarosa/pxlkit

Author and migrate the slots / slotProps API (the useSlot hook) in this design system's React components — the architecture where slots.x replaces an internal part and slotProps.x merges props into…

trendmicro-frontend/tonic-ui

shadcn/ui under the ONE 6-token design system — CSS var tokens only, no hex, add components via the CLI.

one-ie/one

Animate react-horizontal-scrolling-menu scrolling and build right-to-left menus: noPolyfill defaults to true since v8, so transitionDuration (default 500), a custom-easing-function…

asmyshlyaev177/react-horizontal-scrolling-menu

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed.

aAAaqwq/AGI-Super-Team

Implements drag-and-drop and sortable interfaces with React/TypeScript including kanban boards, sortable lists, file uploads, and reorderable grids.

ancoleman/ai-design-components

Build Ordinus renderer UI in the intended product style. An agent skill from muratgur/ordinus.

muratgur/ordinus

You are an expert in Docusaurus theming and the Infima CSS framework.

AvaloniaUI/avalonia-docs

Motion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques.

Dinil-Thilakarathne/sona-ui

Build UI components with React, Next.js, Tailwind CSS, and shadcn/ui.

AlexPEClub/ai-coding-starter-kit

Edit the @posthog/quill design system locally and consume the change in this repo (posthog-code) before it is published to npm.

PostHog/code

Build modern, composable, and accessible React UI components following the components.build specification.

Asymmetric-al/core

Turn Figma designs into CDS React (cds-web) or React Native (cds-mobile) code.

coinbase/cds

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

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

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

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

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

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

wshobson/agents

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

llama-farm/llamafarm

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

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

jxnl/personal-monorepo-template

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

sickn33/agentic-awesome-skills

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

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

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

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

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

Browser-based 3D design tool with visual editor, animation, and web export.

freshtechbro/claudedesignskills

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