Framework
Next.js agent skills, page 11
Next.js skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 481 | 481.Landing Copy A skill your agent uses when writing the words on a single conversion page — the hero headline and subhead, the offer, the proof and testimonials, and one primary CTA — or diagnosing a page that… | ericrisco/ | 167 | — | ~2.8k | Automated safety check: Pass | MIT | today |
| 482 | 482.React A skill your agent uses when building or reviewing a client-side React SPA bundled by Vite (React 19.2): components, where state lives, hooks, server data fetching, client routing, re-render and… | ericrisco/ | 167 | — | ~3.2k | Automated safety check: Pass | MIT | today |
| 483 | 483.React Native A skill your agent uses when writing the JS/TS inside a React Native or Expo app — screens, Expo Router navigation, lists, Reanimated gestures, platform forks, offline state, native modules — or… | ericrisco/ | 167 | — | ~3k | Automated safety check: Pass | MIT | today |
| 484 | 484.SEO Geo A skill your agent uses when one existing page needs to rank in Google AND get cited by AI answer engines — auditing a URL for on-page SEO, structured-data JSON-LD, GEO citation levers, Core Web… | ericrisco/ | 167 | — | ~2.8k | Automated safety check: Pass | MIT | today |
| 485 | 485.Shopify A skill your agent uses when building or customizing a Shopify store across its three code surfaces — themes (Liquid, Online Store 2.0 sections, blocks and JSON templates), apps (Remix with the… | ericrisco/ | 167 | — | ~3.2k | Automated safety check: Pass | MIT | today |
| 486 | 486.Svelte A skill your agent uses when building, reviewing or fixing Svelte 5 (runes) and SvelteKit code — components with the rune primitives, rune modules versus stores, file routing, universal versus… | ericrisco/ | 167 | — | ~3.1k | Automated safety check: Pass | MIT | today |
| 487 | 487.Typescript A skill your agent uses when writing or fixing TypeScript type code (.ts/.tsx/.d.ts), modeling data with generics/unions/branded types, diagnosing narrowing failures, or configuring tsconfig and the… | ericrisco/ | 167 | — | ~2.8k | Automated safety check: Pass | MIT | today |
| 488 | 488.Vercel A skill your agent uses when operating an already-chosen Vercel project from the CLI or its config file — preview versus production deploys, debugging builds, pushing and pulling env vars across… | ericrisco/ | 167 | — | ~3.5k | Automated safety check: Notes | MIT | today |
| 489 | 489.Vue Nuxt 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/ | 167 | — | ~4.2k | Automated safety check: Pass | MIT | today |
| 490 | 490.Htmldrop Reach for this skill when an HTML artifact — report, deck, brief, mockup, dashboard, proposal, spec, or landing page, whether the user already has it or you just generated it — needs to reach other… | ooiyeefei/ | 494 | — | ~5.2k | Automated safety check: Warn | MIT | 2 mo ago |
| 491 | Provides patterns and code examples for building Next.js 16+ applications with App Router architecture. | giuseppe-trisciuoglio/ | 355 | — | ~3.1k | Automated safety check: Notes | MIT | 28 days ago |
| 492 | Provides authentication implementation patterns for Next.js 15+ App Router using Auth.js 5 (NextAuth.js). | giuseppe-trisciuoglio/ | 355 | — | ~2.8k | Automated safety check: Notes | MIT | 28 days ago |
| 493 | Provides comprehensive code review capability for Next.js applications, validates Server Components, Client Components, Server Actions, caching strategies, metadata, API routes, middleware, and… | giuseppe-trisciuoglio/ | 355 | — | ~2.7k | Automated safety check: Notes | MIT | 28 days ago |
| 494 | Provides Next.js App Router data fetching patterns including SWR and React Query integration, parallel data fetching, Incremental Static Regeneration (ISR), revalidation strategies, and error… | giuseppe-trisciuoglio/ | 355 | — | ~2.2k | Automated safety check: Notes | MIT | 28 days ago |
| 495 | Provides comprehensive patterns for deploying Next.js applications to production. | giuseppe-trisciuoglio/ | 355 | — | ~2.3k | Automated safety check: Notes | MIT | 28 days ago |
| 496 | Expert Next.js performance optimization skill covering Core Web Vitals, image/font optimization, caching strategies, streaming, bundle optimization, and Server Components best practices. | giuseppe-trisciuoglio/ | 355 | — | ~3.2k | Automated safety check: Notes | MIT | 28 days ago |
| 497 | 497.React Patterns Provides comprehensive React 19 patterns for Server Components, Server Actions, useOptimistic, useActionState, useTransition, concurrent features, Suspense boundaries, and TypeScript integration. | giuseppe-trisciuoglio/ | 355 | — | ~2.4k | Automated safety check: Notes | MIT | 28 days ago |
| 498 | Provides comprehensive Turborepo monorepo management guidance for TypeScript/JavaScript projects. | giuseppe-trisciuoglio/ | 355 | — | ~2.3k | Automated safety check: Notes | MIT | 28 days ago |
| 499 | Provides security review capability for TypeScript/Node.js applications, validates code against XSS, injection, CSRF, JWT/OAuth2 flaws, dependency CVEs, and secrets exposure. | giuseppe-trisciuoglio/ | 355 | — | ~2.4k | Automated safety check: Notes | MIT | 28 days ago |
| 500 | 500.Adynato Web API Web API development conventions for Adynato projects. An agent skill from majiayu000/claude-skill-registry. | majiayu000/ | 666 | 1 repo | ~2k | Automated safety check: Pass | MIT | today |
| 501 | Configure file-system routing with nested layouts, route groups, parallel routes, and error boundaries in Next.js App Router. | HoangNguyen0403/ | 571 | — | ~993 | Automated safety check: Pass | MIT | yesterday |
| 502 | Secure token storage (HttpOnly Cookies) and Middleware patterns. | HoangNguyen0403/ | 571 | — | ~508 | Automated safety check: Pass | MIT | yesterday |
| 503 | Implement Fetch API, Caching, and Revalidation strategies in Next.js. | HoangNguyen0403/ | 571 | — | ~512 | Automated safety check: Pass | MIT | yesterday |
| 504 | 504.Nextjs I18n Best practices for multi-language handling, locale routing, and detection strategies across App and Pages Router. | HoangNguyen0403/ | 571 | — | ~653 | Automated safety check: Pass | MIT | yesterday |
| 505 | Implement Pages Router data fetching with getServerSideProps, getStaticProps, and API routes in Next.js legacy projects. | HoangNguyen0403/ | 571 | — | ~737 | Automated safety check: Pass | MIT | yesterday |
| 506 | 506.Nextjs Rendering Select and implement SSG, SSR, ISR, Streaming, or Partial Prerendering strategies in Next.js App Router. | HoangNguyen0403/ | 571 | — | ~748 | Automated safety check: Pass | MIT | yesterday |
| 507 | 507.Nextjs Security Secure Next.js App Router with middleware auth, Server Action validation, CSP headers, and taint APIs. | HoangNguyen0403/ | 571 | — | ~688 | Automated safety check: Pass | MIT | yesterday |
| 508 | Build async React Server Components and place 'use client' boundaries at leaf nodes for interactivity in Next.js App Router. | HoangNguyen0403/ | 571 | — | ~745 | Automated safety check: Pass | MIT | yesterday |
| 509 | 509.Nextjs Styling Implement zero-runtime CSS with Tailwind, CSS Modules, and the cn() utility for RSC-compatible styling in Next.js. | HoangNguyen0403/ | 571 | — | ~703 | Automated safety check: Pass | MIT | yesterday |
| 510 | 510.Nextjs Testing Write Jest or Vitest unit tests with React Testing Library and Playwright E2E tests for Next.js projects. | HoangNguyen0403/ | 571 | — | ~768 | Automated safety check: Pass | MIT | yesterday |
| 511 | 511.Docs Lookup 通过 Context7 MCP 获取库和框架的实时最新文档，而非依赖训练数据，防止 API 幻觉。适用于查询任何库或框架的用法、配置、示例代码。触发词：怎么用、怎么配置、API参考、文档、示例代码、用法、接口、库文档、框架文档、documentation、docs、how to use、API… | ProgrammerAnthony/ | 235 | — | ~640 | Automated safety check: Pass | MIT | 5 mo ago |
| 512 | React、Next.js、状态管理（State Management）、性能优化（Performance Optimization）及 UI 最佳实践的前端开发模式。 | xu-xiang/ | 2k | — | ~3.6k | Automated safety check: Pass | MIT | 7 mo ago |
| 513 | 适用于 React、Next.js、状态管理、性能优化和 UI 最佳实践的前端开发模式. An agent skill from xu-xiang/everything-claude-code-zh. | xu-xiang/ | 2k | — | ~3.4k | Automated safety check: Pass | MIT | 7 mo ago |
| 514 | 针对 React、Next.js、状态管理、性能优化及 UI 最佳实践的前端开发模式. An agent skill from xu-xiang/everything-claude-code-zh. | xu-xiang/ | 2k | — | ~3.6k | Automated safety check: Pass | MIT | 7 mo ago |
| 515 | Multi-surface rendering with json-render — one JSON spec produces React web, Next.js, React Native, Ink terminal UIs, PDFs, emails, Remotion videos, OG images, and 3D scenes. | yonatangross/ | 289 | — | ~4k | Automated safety check: Pass | MIT | today |
| 516 | 516.Data Viz 2025 State-of-the-art data visualization for React/Next.js/TypeScript with Tailwind CSS. | curiositech/ | 243 | — | ~4.3k | Automated safety check: Notes | MIT | 1 mo ago |
| 517 | 517.Nextjs Guide for implementing Next.js - a React framework for production with server-side rendering, static generation, and modern web features. | einverne/ | 121 | — | ~5.6k | Automated safety check: Notes | MIT | 29 days ago |
| 518 | 前端工程师 Skill，执行前端开发任务，自动适配项目技术栈（React/Vue/Svelte/Next.js 等），支持 Figma/Stitch 设计稿还原 | kingxiaozhe/ | 104 | — | ~829 | Automated safety check: Pass | MIT | today |
| 519 | Build Next.js 16 applications with correct patterns and distinctive design. | aiskillstore/ | 430 | — | ~1.9k | Automated safety check: Pass | No licence | yesterday |
| 520 | Implement OAuth 2.1 / OIDC authentication using Better Auth with MCP assistance. | aiskillstore/ | 430 | — | ~1.9k | Automated safety check: Pass | No licence | yesterday |
| 521 | Token-efficient library documentation fetcher using Context7 MCP with 86.8% token savings through intelligent shell pipeline filtering. | aiskillstore/ | 430 | — | ~1.5k | Automated safety check: Pass | No licence | yesterday |
| 522 | Deploys applications to cloud Kubernetes (AKS/GKE/DOKS) with CI/CD pipelines. | aiskillstore/ | 430 | — | ~2.1k | Automated safety check: Pass | No licence | yesterday |
| 523 | IDE-grade project scaffolding wizard for creating new projects with comprehensive configuration. | aiskillstore/ | 430 | — | ~2k | Automated safety check: Pass | No licence | yesterday |
| 524 | 524.Ultracite Ultracite multi-provider linting/formatting (Biome, ESLint, Oxlint). | secondsky/ | 227 | — | ~6.5k | Automated safety check: Pass | MIT | 10 days ago |
| 525 | 525.Animate Expo Build animations for Expo and React Native only, using Reanimated, Gesture Handler, Expo Router, and expo-haptics. | Asymmetric-al/ | 381 | — | ~5.7k | Automated safety check: Pass | AGPL-3.0 | today |
| 526 | 526.Cache Components Build correct cached/dynamic boundaries in the Next.js App Router when Cache Components or PPR are enabled. | Asymmetric-al/ | 381 | — | ~1k | Automated safety check: Pass | AGPL-3.0 | today |
| 527 | 527.Inngest Setup A skill your agent uses when adding durable execution to a TypeScript project — building retry-safe webhook handlers, background jobs that survive crashes, scheduled tasks, or long-running workflows… | Asymmetric-al/ | 381 | — | ~3.3k | Automated safety check: Notes | AGPL-3.0 | today |
| 528 | Ensure correct Next.js App Router architecture, rendering strategy, and data fetching. | Asymmetric-al/ | 381 | — | ~787 | Automated safety check: Pass | AGPL-3.0 | today |
