Next.js · React components

Answer questions about the AI SDK and help build AI-powered features.

vercel-labs/ai-facts

Builds responsive, accessible Chakra UI v3 components and layouts, sets up Chakra in new or existing projects, and designs themes with tokens, semantic tokens and recipes.

chakra-ui/chakra-ui

Guides implementing animated page and state transitions in React with the native View Transition API, covering shared elements, list reorders and directional navigation.

vercel-labs/next-beats

React and Next.js performance optimization guidelines from Vercel Engineering.

sanity-io/sanity

Shows how to run GSAP animations in React and Next.js with the useGSAP hook, refs, scoped selectors and automatic cleanup on unmount.

greensock/gsap-skills

Guides an upgrade from Chakra UI v2 to v3: inspect the project, swap packages, run the official codemod, then fix provider, color mode, props, theming and Next.js code.

chakra-ui/chakra-ui

Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.

creativetimofficial/ui

Adds AI Elements components such as conversations, messages, tool displays and prompt inputs to a Next.js project that uses shadcn/ui.

mweinbach/agent-coworker

Keep www-sacred's TypeScript fast to type-check and fast to run.

internet-development/www-sacred

Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering.

shapeshift/web

Review backend code for quality, security, maintainability, and best practices based on established checklist rules.

nazarli-shabnam/clevis

Animation patterns and best practices for Next.js/React applications.

delphi-ai/animate-skill

A skill your agent uses when working with BuzzForm schema-driven forms, @buildnbuzz/form-core, @buildnbuzz/form-react, or any related APIs like defineSchema, InferType, FormProvider, useDataField…

buildnbuzz/buzzform

为 React 项目建立从浏览器页面元素到精确 JSX/TSX 源码、结构化上下文与可审阅修改的 SpotPatch 工作流。用户提到 SpotPatch、截图沟通前端修改、页面元素定位源码、Vite 或 Next.js 接入、组件数据链路、结构化 Prompt、AI 补丁审阅、安装检查或故障排查时使用此技能。

huanglvjing/spotpatch

Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table.

Hainrixz/editor-pro-max

Integrate SimplePDF into a web application for PDF viewing, editing, filling, signing, programmatic control, AI-agent interaction, human-in-the-loop form prefilling, submissions, webhooks, or…

SimplePDF/simplepdf-embed

Guide for updating Iconify icons and IconNames conventions in BMM.

Y80/bmm

Scaffold a new page builder block for Turbo Start Sanity end-to-end — Sanity schema, GROQ projection, styled React component, Markdown serializer, tests, and all registrations.

robotostudio/turbo-start-sanity

A skill your agent uses when the user is implementing, embedding, or debugging a WorkOS Widget — specifically the User Management, User Profile, Admin Portal SSO Connection, or Admin Portal Domain…

usenotra/notra

Frontend patterns for modern web frameworks, component libraries, auth flows, and analytics. Use when building UI components, creating pages…

bybren-llc/safe-agentic-workflow

React performance optimization guidelines from Vercel Engineering (vercel-labs/agent-skills).

ryokun6/ryos

Record and replay TanStack Start SSR with test-proxy-recorder.

asmyshlyaev177/test-proxy-recorder

指导在项目中对前端代码（Next.js/React/TypeScript/Tailwind 等）进行结构、可维护性、性能与一致性审查，基于既定规则清单。适用于用户请求审查 .tsx/.ts/.js/.jsx 等前端文件或前端目录下的页面与组件。不用于后端代码（如 .py）。

ProgrammerAnthony/Anything-Extract

React and Next.js performance optimization patterns. An agent skill from AvivK5498/beads-web.

AvivK5498/beads-web

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

alirezarezvani/claude-skills

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

LiarMTTT/TavernWeave

Review React/Next.js code against the real vercel-react-best-practices skill, backlog the performance findings keyed to actual rule ids + impact tiers, rank the most over-subscribed tiers, then fix…

ragnar-pwninskjold/tech-snacks

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

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

A skill your agent uses when 用户需要React项目开发指导、代码规范制定、最佳实践落地、性能优化、架构设计时。触发场景：React开发、React代码优化、React架构设计、React Hooks使用、Next.js开发、React组件设计、React性能优化。

ProgrammerAnthony/Expert-Coding-Harness

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 performance optimization guidelines from Vercel Engineering.

gambitph/Stackable

Generate a Next.js Roblox codes page from validated JSON using a reusable TSX template.

kennyzir/7deer_skills

Expert in Zod — TypeScript-first schema validation. An agent skill from davila7/claude-code-templates.

davila7/claude-code-templates

Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React components.

jh941213/my-cc-harness

Build and change LLM Gateway Next.js frontends — apps/ui, apps/playground, apps/code, apps/airside, and ee/admin — including API calls, data fetching, navigation, dashboard routes, dialogs and…

theopenco/llmgateway

Clerk authentication router. An agent skill from geekskai/blog.

geekskai/blog

This skill should be used when the user asks about "Server Components", "Client Components", "'use client' directive", "when to use server vs client", "RSC patterns", "component composition", "data…

davepoon/buildwithclaude

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching.

aiskillstore/marketplace

Build React components, implement responsive layouts, and handle client-side state management.

aiskillstore/marketplace

A skill your agent uses when applies to all HTML documents. An agent skill from thedaviddias/Front-End-Checklist.

thedaviddias/Front-End-Checklist

React 19+ patterns: custom hooks, Suspense boundaries, state management, component composition, and web performance.

irahardianto/awesome-agv

React/Next.js component design patterns, state management strategies, and project structure reference for frontend development.

modu-ai/moai-adk

A skill your agent uses when writing, reviewing, or debugging React components and hooks — state, effects, data fetching, forms, Server and Client Components — in whatever React setup the project…

WrongStack/WrongStack

Token-efficient library API documentation fetcher using Context7 MCP with 77% token savings.

aiskillstore/marketplace

Generate, modify, and style React components from natural language using the Thesys SDK.

secondsky/claude-skills

Audits a Next.js (App Router, 14/15+) codebase for React Hook Form anti-patterns — watch() at form root, Controller inlined in parent, async submit without try/catch, missing setError on server…

pproenca/dot-skills

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

borghei/Claude-Skills