Back to skills
SkillHub ClubAnalyze Data & AIFull StackFrontendBackend

refactor:nextjs

Refactor Next.js code to improve maintainability, readability, and adherence to App Router best practices. Identifies and fixes God Components, prop drilling, inappropriate 'use client' usage, outdated Pages Router patterns, missing Suspense boundaries, incorrect caching strategies, and useEffect data fetching anti-patterns. Applies modern Next.js 15 patterns including Server Components, Client Components, Server Actions, streaming with Suspense, proper caching strategies, Container-Presentational pattern, layout composition, parallel routes, and intercepting routes.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
6
Hot score
82
Updated
March 20, 2026
Overall rating
C1.6
Composite score
1.6
Best-practice grade
C57.6

Install command

npx @skill-hub/cli install snakeo-claude-debug-and-refactor-skills-plugin-refactor-nextjs
nextjsrefactoringapp-routerreactperformance

Repository

snakeo/claude-debug-and-refactor-skills-plugin

Skill path: plugins/debug-and-refactor/skills/refactor-nextjs

Refactor Next.js code to improve maintainability, readability, and adherence to App Router best practices. Identifies and fixes God Components, prop drilling, inappropriate 'use client' usage, outdated Pages Router patterns, missing Suspense boundaries, incorrect caching strategies, and useEffect data fetching anti-patterns. Applies modern Next.js 15 patterns including Server Components, Client Components, Server Actions, streaming with Suspense, proper caching strategies, Container-Presentational pattern, layout composition, parallel routes, and intercepting routes.

Open repository

Best for

Primary workflow: Analyze Data & AI.

Technical facets: Full Stack, Frontend, Backend, Data / AI.

Target audience: Development teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: snakeo.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install refactor:nextjs into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/snakeo/claude-debug-and-refactor-skills-plugin before adding refactor:nextjs to shared team environments
  • Use refactor:nextjs for development workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

refactor:nextjs | SkillHub