Next.js · For frontend developers

A skill your agent uses when modifying Archestra frontend Next.js/React code, UI components, forms, TanStack Query hooks, generated API client usage, frontend copy, or documentation links.

archestra-ai/archestra

Design or substantially improve a landing page for tinte. An agent skill from Railly/tinte.

Railly/tinte

React UI component systems with TailwindCSS + Radix + shadcn/ui.

try-works/role-model

Add a generated regular Next.js source app into the ui-design-bench static gallery as a model generation, including source placement, variant wrapper, manifest/registry/type updates, scoped CSS…

SunkenInTime/which-ai

Create OpenGraph and Twitter share images for Next.js applications using next/og ImageResponse.

Dicklesworthstone/meta_skill

Apply pull-request review comments to the frontend of kotlinlang.org (Next.js, React, TypeScript, CSS Modules under blocks/, components/, pages/, hooks/, utils/, test/).

JetBrains/kotlin-web-site

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

Builds distinctive, production-grade UIs that avoid generic AI aesthetics.

avibebuilder/claude-prime

UI/UX design intelligence expert for web and mobile applications.

shobcoder/shob

Chooses between running regular npm frontend frameworks under Deno and building with Fresh, Deno's island-architecture framework, with Fresh 2.x guidance.

denoland/skills

Audits article pages for freshness signals, covering the Last-Modified header, Article JSON-LD dateModified and a visible last-updated date, and fixes mismatches.

thedaviddias/Front-End-Checklist

Community skill for applying the Geist design system to Vercel-inspired rendered frontend UI across React/Next.js/Vite/Astro/Svelte/Vue/HTML/CSS, Tailwind, shadcn, and Radix.

syhily/kobato

蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为，或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。

pdsuwwz/nextjs-nextra-starter

Guide for building UI with Montage (Wanted Design System) in React/Next.js projects.

wanteddev/montage-web

Set up Lingui in a React framework. An agent skill from B0und/WikiSpeedrun.

B0und/WikiSpeedrun

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

bybren-llc/safe-agentic-workflow

Scaffolds new NEAR dApps with create-near-app or adds NEAR wallet sign-in, contract calls and transaction signing to an existing React or plain JavaScript app.

internet-court/internet-court-skill

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

ryokun6/ryos

Build a new app or add Stream products (Chat, Video, Feeds, Moderation) to an existing app.

adrianhajdin/react-native-lingua

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

ProgrammerAnthony/Anything-Extract

Animation skill for Motion (prev Framer Motion) and CSS animation.

softmaple/softmaple

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

AvivK5498/beads-web

Web framework support matrix for EdgeOne Makers — which platform adapter each full-stack framework needs, where it plugs in, the build output directory, the preview asset-prefix option, the 404…

TencentEdgeOne/edgeone-makers-tools

Map of redlamp.app, the Next.js website in web/: its stack and commands, its pages, the home page's sections with their anchors, components and content sources, the brand's Tailwind tokens and…

pdcgomes/redlamp

Migrate a gluestack-ui project from v2, v3, or v4 to v5 (NativeWind v5 or UniWind).

gluestack/gluestack-ui

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.

julianromli/opencode-template

Bootstrap a new Next.js (App Router, TypeScript) web app with current packages and no deprecated APIs.

ccplugins/awesome-claude-code-plugins

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

waynesutton/markdown-site

Configure and troubleshoot Vercel Services for multiple frontends and backends in one project.

vercel/vercel-plugin

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

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

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