Next.js

Drive Open Screenshot Generator headlessly (puppeteer-core + Edge) to take UI screenshots, add palette elements, upload device screenshots, export artboard PNGs, and regenerate the 3D device…

dotnetdreamer/open-screenshot-generator

Sanity development best practices for schema design, GROQ queries, TypeGen, Visual Editing, images, Portable Text, Studio structure, localization, migrations, Sanity Functions, webhooks, Blueprints…

sanity-io/agent-toolkit

Work on Supercheck system architecture, Next.js routes and actions, React data hooks, Drizzle schemas and migrations, app-worker boundaries, or cross-package contracts.

supercheck-io/supercheck

Write or audit an insight-kind error page for the Next.js dev overlay.

vercel/next.js

Optimize the meaningful UI available immediately from a Next.js route on an initial load (hard navigation) or named client-side navigation (soft navigation).

vercel/next.js

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

adrianhajdin/react-native-lingua

Sets up GA4 on a website and wires one real conversion event end to end, verified in DebugView before any money goes into ads.

ooiyeefei/ccc

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

ProgrammerAnthony/Anything-Extract

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL.

davila7/claude-code-templates

Build full-stack dashboard applications using React/Next.js + shadcn/ui + Tailwind CSS + Recharts + Express with customizable data sources.

QwenLM/qwen-code-examples

Phase 1 — check and update dependencies for scaffold-stark-2 itself (Starknet toolchain, Cairo/OpenZeppelin, starknet.js, Next.js frontend, security advisories).

Scaffold-Stark/scaffold-stark-2

A skill your agent uses when the user or agent needs to pick a public API for a task (weather, images, finance, etc.).

Manavarya09/public-apis-live

Environment variable validation, synchronization, and management across local development, CI/CD, and deployment platforms

bobmatnyc/claude-mpm

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

Backport a merged Next.js pull request from canary to an LTS release branch (releases/lts/active or releases/lts/maintenance).

vercel/next.js

How to add or modify Next.js experimental feature flags end-to-end.

vercel/next.js

Optimize what selected Next.js client navigations include before the click under Partial Prefetching.

vercel/next.js

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

Configure agent-tail log aggregation for the current project.

qdhenry/Claude-Command-Suite

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

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

asmyshlyaev177/test-proxy-recorder

A map of the LobeHub open-source repository: tech stack, monorepo layout, where each code layer lives and who owns apps, packages and src.

lobehub/lobehub

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

gluestack/gluestack-ui

Scaffold a working openalgo-charts chart in an existing project - detects the host (React, Next.js, Vue, vanilla bundler, or plain script tag), installs the right tiers, and writes a chart that…

marketcalls/openalgo-charts

Answer questions about ArkEnv and help implement environment variable validation.

yamcodes/arkenv

日本サービス向け（일본 서비스용） プライバシーポリシー・利用規約・同意モーダル・Cookieバナー 자동 생성. An agent skill from kimlawtech/korean-privacy-terms.

kimlawtech/korean-privacy-terms

Next.js 15+ App Router development patterns including Server Components, Client Components, data fetching, layouts, and server actions.

blencorp/claude-code-kit

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

Converts .docx files (papers, briefs, reports) into styled React component pages in a Next.js content-catalog site.

dmccreary/ibook-skills

Fix visual stability issues in Next.js e-commerce apps — covers CLS (Cumulative Layout Shift), FOIT (Flash of Invisible Text), and theme flicker

EtaYang10th/spark-skills

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

waynesutton/markdown-site

Use the ChatJS React Query v5 lazy-prefetch pattern without blocking server rendering.

FranciscoMoretti/chat-js

Server rendering and testing for react-horizontal-scrolling-menu: the library is client-only ('use client' required in React Server Components, else "createContext is not a function"), SSR first…

asmyshlyaev177/react-horizontal-scrolling-menu

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

This skill should be used when the user asks to "upload images to Cloudflare", "implement direct creator upload", "configure image transformations", "optimize WebP/AVIF", "create image variants"…

secondsky/claude-skills

Deploy a PortalJS portal to PortalJS Arc — Datopian-managed static hosting on Cloudflare.

datopian/portaljs

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

alirezarezvani/claude-skills

基于 EdgeOne Pages 的全栈网站生成方案。用户说一句话（如「帮我建一个电商站」「做一个AI客服站」「做个管理后台」），AI 自动组合 Auth、Cart、Payment、AI Chat、Admin 五大模块，生成完整 Next.js 前后端代码并部署到 EdgeOne Pages 全球 CDN。支持电商、AI 助手、SaaS 管理后台三大模板。底层使用 Edge…

TencentEdgeOne/awesome-website-prompts-and-skills

Add Temps error tracking to applications using the Sentry-compatible SDK.

gotempsh/temps

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

Review code for logging patterns and suggest evlog adoption.

activepieces/activepieces

한국 서비스용 처리방침·이용약관·회원가입 동의 모달·쿠키 배너 자동 생성. An agent skill from kimlawtech/korean-privacy-terms.

kimlawtech/korean-privacy-terms

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

austintgriffith/ethskills

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