Frontend & Design · Next.js · For developers

Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout and interactions, including Framer sites and animated pages.

JCodesMore/ai-website-cloner-template

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

sanity-io/sanity

Set up, repair, or migrate to Cloudflare Turnstile bot verification in an existing frontend and backend, including server-side Siteverify.

cloudflare/skills

Scaffolds a Next.js editor for designing App Store and Google Play screenshots as ads and exporting them at every required size, for iOS, Mac and Android.

ParthJadhav/app-store-screenshots

Integrate Novu's in-app notification inbox into web applications.

novuhq/novu

Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG.

glincker/thesvg

A skill your agent uses when the user wants to translate a repository README, make a repo multilingual, localize docs, add a language switcher, internationalize the README, or update localized…

Y80/bmm

Debug and verification workflow for runtime-bundle and module-resolution regressions.

vercel/next.js

Build crafted, highly detailed, interactive isometric SVG figures that explain a technical idea as a real physical object (a test rig, a dial gauge, a cabinet of drawers, a plotter, a lock), with…

wheresryan22/anatomy

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

shapeshift/web

A skill your agent uses when adding or updating documentation pages in an existing docs site.

TracecatHQ/tracecat

Integrate Convex static self hosting into existing apps using the latest upstream instructions from get-convex/self-hosting every time.

waynesutton/markdown-site

Safely clean the local loop VM by reporting and removing stale loop runs, inactive Next.js or Storybook servers, optional browser windows, and unused loop-created worktrees without disturbing active…

axeldelafosse/loop

Verify frontend changes end to end after editing a web app, instead of manually clicking through pages.

ucsandman/marketing-studio

Add Temps analytics to React applications with comprehensive tracking capabilities including page views, custom events, scroll tracking, engagement monitoring, session recording, and Web Vitals…

gotempsh/temps

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

robotostudio/turbo-start-sanity

Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film…

nirholas/three.ws

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

Builds a realtime voice-chat app around a talking character portrait made from your photo or a text description, with mouth sprites driven by the audio.

buildfastwithai/gen-ai-experiments

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

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

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

ryokun6/ryos

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

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

Answer questions about ArkEnv and help implement environment variable validation.

yamcodes/arkenv

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

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

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

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

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

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

davila7/claude-code-templates

React and Next.js performance optimization from Vercel Engineering.

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

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

Assembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token integration, proper import chains, and framework-specific…

ancoleman/ai-design-components

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

thedaviddias/Front-End-Checklist

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

modu-ai/moai-adk

Scaffolds a Next.js turborepo with Blode UI, icons, Ultracite (oxlint/shadcn), workspace hooks, and GitHub/Vercel setup.

mblode/agent-skills

Guide for building, configuring, and deploying microfrontends on Vercel.

vercel/vercel-plugin

A skill your agent uses when adding a lightweight interactive globe with cobe (canvas setup, markers, interaction, performance, integration with React/Next.js).

nirholas/three.ws

React and Next.js performance playbook distilled from Vercel Engineering guidance.

majiayu000/spellbook

Declarative UI widgets from JSON for React/Next.js from ui.inference.sh.

aiskillstore/marketplace

A skill your agent uses when building or reviewing a Vue 3 + Nuxt 4 app — <script setup reactivity, SSR/SSG/hybrid routeRules, the app/+server/ layout, SSR-safe fetching (useFetch/useAsyncData) and…

ericrisco/rsc-harness

BillingSDK, the open-source React and shadcn component library for Dodo Payments billing UI.

hashgraph-online/awesome-codex-plugins

Provides patterns and code examples for building Next.js 16+ applications with App Router architecture.

giuseppe-trisciuoglio/developer-kit