Skill

nextjs

review, design, scaffold, refactor, and troubleshoot nextjs applications. use when the user asks for nextjs app router structure, server and client component boundaries, routing, data fetching, caching, route handlers, metadata, deployment, or migration guidance.

Install

npx claudepluginhub alisonaquinas/llm-web-design-skills

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Use this skill to keep NextJS work grounded in maintainable architecture, predictable delivery, and framework-appropriate conventions.

Supporting Assets

agents/claude.yamlagents/openai.yamlreferences/best-practices.mdreferences/workflows.md

SKILL.md

Similar Skills

cache-components

Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.

cache-components

139.0k

claude-opus-4-5-migration

2 files

Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.

claude-opus-4-5-migration

83.2k

bmad-help

Analyzes BMad project state from catalog CSV, configs, artifacts, and query to recommend next skills or answer questions. Useful for help requests, 'what next', or starting BMad.

bmad-pro-skills

43.8k

Stats

Stars1

Forks0

Last CommitMar 16, 2026

Actions

View Source View Plugin View on GitHub View README

NextJS

Use this skill to keep NextJS work grounded in maintainable architecture, predictable delivery, and framework-appropriate conventions.

Intent Router

Need	Load
core conventions, structure, review priorities, and common red flags for NextJS	`references/best-practices.md`
setup, migration, testing, build, delivery, and day-two workflow guidance for NextJS	`references/workflows.md`

Quick Start

Confirm Next.js version and router model, Node versus Edge runtime targets, SSR, SSG, streaming, or authenticated app shell, and cache, revalidation, and mutation model.
Identify whether the task is greenfield scaffolding, incremental refactoring, troubleshooting, migration planning, or code review.
Apply the defaults in references/best-practices.md before proposing custom architecture.
Prefer the smallest change set that improves clarity, safety, operability, and long-term maintainability.

Workflow

start from the route tree and owning layout
keep server and client boundaries explicit
treat cache and revalidation as architecture, not afterthoughts
verify production build and preview behavior after changes

Typical Focus Areas

Next.js version and router model
Node versus Edge runtime targets
SSR, SSG, streaming, or authenticated app shell
cache, revalidation, and mutation model

Outputs to Prefer

state router model, runtime, and cache assumptions before detailed advice
group findings by route ownership, server-client boundary, cache behavior, and deployment risk
prefer incremental route or boundary cleanup over wholesale rewrites

First Response Pattern

restate the router model, runtime target, and cache or revalidation posture before suggesting changes
anchor the plan at the owning route or layout and keep server-client boundaries explicit
name the verification loop up front: npm run build, npm run lint, and a preview check of the affected route

Common Requests

Review this Next.js App Router feature for server or client boundaries, data fetching, caching, and route structure.

Refactor this Next.js route to reduce client-side work while preserving behavior and SEO.

Safety Notes

preserve externally visible behavior unless the user explicitly requests a redesign or a breaking change
avoid style-only churn when the current repository already has working conventions and automation