Frontend & Design · React

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

LeastBit/Claude_skills_zh-CN

Initialize a new Convex project from scratch or add Convex to an existing app.

waynesutton/markdown-site

A skill your agent uses when 用户需要审查前端代码（React/Vue/Next.js/TypeScript/Tailwind等）、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景：前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。

ProgrammerAnthony/Expert-Coding-Harness

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications.

alirezarezvani/claude-skills

Review Sentry React and TypeScript changes for bug patterns drawn from real production issues.

getsentry/sentry

End-to-end workflow for building a new Terrae component from scratch

alamenai/terrae

Surgical aesthetic upgrade pipeline for existing React codebases.

Yu-369/VibeCurb

Create React/Vue component with TypeScript, tests, and styles.

qf-studio/navigator

Applies React/TypeScript type safety, component design, and state management rules.

shinpr/ai-coding-project-boilerplate

Creates unique, production-grade frontend interfaces with exceptional design quality.

YYH211/Claude-meta-skill

Quick reference for the Breeze Helper Tauri desktop app — architecture, Rust backend commands, React frontend, config files, IPC with the Go agent, helper chat API routes, tool approval flow, and…

LanternOps/breeze

Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS.

LiarMTTT/TavernWeave

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

Scaffold and iterate on Vite + React applications. An agent skill from initializ/forge.

initializ/forge

Fix a GitHub issue by number. An agent skill from AgnosticUI/agnosticui.

AgnosticUI/agnosticui

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

Set up Effect, implement Atom React state, HTTP APIs or CLIs, and review Effect architecture.

danieljvdm/effect-cf

State management patterns - Zustand, Jotai, Context. An agent skill from emanueleielo/deepagents-open-lovable.

emanueleielo/deepagents-open-lovable

A skill your agent uses when deploying a frontend (React, Next.js, or static HTML) to a live URL on Butterbase, or when troubleshooting deployment issues like MIME type errors or blank pages

butterbase-ai/butterbase-skills

Architect large or state-heavy Langfuse frontend features. An agent skill from langfuse/langfuse.

langfuse/langfuse

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

Contains TypeScript/React patterns and conventions for the Mikoto frontend.

mikotoIO/mikoto

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

Review React UI without editing code. An agent skill from videojs/video.js.

videojs/video.js

Review React component designs. An agent skill from videojs/video.js.

videojs/video.js

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

建立于 shadcn/ui 之上的附加 UI 组件

graphif/project-graph

A skill your agent uses when building or reviewing FaasJS React UI, especially @faasjs/ant-design pages, useFaas, useFaasStream, faas requests, CRUD screens, Table faasData, Description faasData…

faasjs/faasjs

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

前端开发规范，包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等. An agent skill from doccker/cc-use-exp.

doccker/cc-use-exp

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

elastic/kibana

Use the shared TestProvider in workflowsmanagement Jest tests instead of hand-wiring KibanaContextProvider, QueryClientProvider, WorkflowsContextProvider, MemoryRouter, I18nProvider, and the Redux…

elastic/kibana

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

bitovi/ai-enablement-prompts

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

PostHog/code

Diagnose and fix Lingui SWC plugin compatibility errors with Next.js, Vite, Rspack, or other SWC runtimes.

B0und/WikiSpeedrun

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

Asymmetric-al/core

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

Artexis10/endstate-gui

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

coinbase/cds