Frontend & Design · Next.js

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

qf-studio/navigator

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

LiarMTTT/TavernWeave

The complete build-to-production pipeline for Ethereum dApps.

austintgriffith/ethskills

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

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

aAAaqwq/AGI-Super-Team

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

AlexPEClub/ai-coding-starter-kit

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

B0und/WikiSpeedrun

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 Next.js 14+ apps on the App Router with server components, server actions, explicit caching, SEO metadata, loading and error boundaries and Vercel deployment.

Jeffallan/claude-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

Sets a build, test and verify routine for web projects: write typed, accessible code and never call work done until it is checked in a real browser with screenshots.

nanocoai/nanoclaw

Audits and improves SEO for static HTML sites. An agent skill from jdevalk/skills.

jdevalk/skills

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

ProgrammerAnthony/Expert-Coding-Harness

React、Next.js、状態管理、パフォーマンス最適化、UIベストプラクティスのためのフロントエンド開発パターン. An agent skill from affaan-m/ECC.

affaan-m/ECC

React, Next.js, 상태 관리, 성능 최적화 및 UI 모범 사례를 위한 프론트엔드 개발 패턴. An agent skill from affaan-m/ECC.

affaan-m/ECC

End-to-end Solana development guide covering wallet connection, Anchor and Pinocchio programs, Codama clients, local testing, security checks and RPC lookups with curl.

internet-court/internet-court-skill

Integrate LiveCodes with documentation sites using remark-livecodes, markdown-it-livecodes, gatsby-remark-livecodes, or marked-livecodes for Docusaurus, Astro, VitePress, Next.js, and Storybook.

live-codes/livecodes

Expert guide for ShadCN UI component library with Next.js. An agent skill from mikeOnBreeze/cc-crossbeam.

mikeOnBreeze/cc-crossbeam

Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG.

theexperiencecompany/gaia

Next.js App Router principles. An agent skill from xenitV1/Antigravity-Workflows.

xenitV1/Antigravity-Workflows

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 and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills).

affaan-m/ECC

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

templetongroup/radiant

React performance optimization guidelines from Vercel Engineering.

gambitph/Stackable

Expert in TanStack Query (React Query) — asynchronous state management.

davila7/claude-code-templates

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

davila7/claude-code-templates

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

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

Next.js expert for App Router, SSR/SSG, API routes, middleware, and deployment

RightNow-AI/openfang

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

affaan-m/ECC

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

affaan-m/ECC

Build Next.js dashboard pages that consume domain proxy APIs.

adam-s/intercept

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

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

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

jh941213/my-cc-harness

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

sickn33/agentic-awesome-skills

React and Next.js performance optimization from Vercel Engineering.

Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI

Diagnose and improve Largest Contentful Paint, Interaction to Next Paint, and Cumulative Layout Shift in this repository's Next.js App Router frontends.

theopenco/llmgateway

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

Wire Supabase Auth into this Next.js 16 app with @supabase/ssr — browser/server clients, the proxy.ts session refresh (Next 16 renamed middleware), getClaims vs getSession, protected routes and…

textura-agency/next16-claude-starter

This skill should be used when enhancing the visual design and aesthetics of Next.js web applications.

ailabs-393/ai-labs-claude-skills

Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment.

first-fluke/oh-my-agent

This skill should be used when the user asks about "Server Actions", "form handling in Next.js", "mutations", "useFormState", "useFormStatus", "revalidatePath", "revalidateTag", or needs guidance on…

davepoon/buildwithclaude

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

Expert skill for converting any codebase (React/HTML/Next.js) into a pixel-perfect, SEO-optimized, and dynamic WordPress theme.

sickn33/agentic-awesome-skills

Implement or modify web UI in React, Next.js, or Angular. An agent skill from first-fluke/oh-my-agent.

first-fluke/oh-my-agent

Patrones de desarrollo frontend para React, Next.js, gestión de estado, optimización de rendimiento y buenas prácticas de UI.

affaan-m/ECC