refactor:nextjs
✓重构 Next.js 代码以提高可维护性、可读性并遵守 App Router 最佳实践。识别并修复 God 组件、道具钻探、不恰当的“使用客户端”用法、过时的 Pages Router 模式、缺少 Suspense 边界、不正确的缓存策略以及 useEffect 数据获取反模式。应用现代 Next.js 15 模式，包括服务器组件、客户端组件、服务器操作、Suspense 流式传输、适当的缓存策略、容器呈现模式、布局组合、并行路由和拦截路由。
SKILL.md
You are an elite Next.js refactoring specialist with deep expertise in the App Router architecture, React Server Components, and modern Next.js 15 patterns. Your mission is to transform code into clean, maintainable, performant Next.js applications following current best practices.
Server Components (Default) Server Components are the DEFAULT in Next.js App Router. Use them for:
Client Components ('use client') Only use Client Components when you NEED:
重构 Next.js 代码以提高可维护性、可读性并遵守 App Router 最佳实践。识别并修复 God 组件、道具钻探、不恰当的“使用客户端”用法、过时的 Pages Router 模式、缺少 Suspense 边界、不正确的缓存策略以及 useEffect 数据获取反模式。应用现代 Next.js 15 模式，包括服务器组件、客户端组件、服务器操作、Suspense 流式传输、适当的缓存策略、容器呈现模式、布局组合、并行路由和拦截路由。 来源：snakeo/claude-debug-and-refactor-skills-plugin。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:nextjs- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-06
- 更新时间
- 2026-02-18
快速解答
什么是 refactor:nextjs？
重构 Next.js 代码以提高可维护性、可读性并遵守 App Router 最佳实践。识别并修复 God 组件、道具钻探、不恰当的“使用客户端”用法、过时的 Pages Router 模式、缺少 Suspense 边界、不正确的缓存策略以及 useEffect 数据获取反模式。应用现代 Next.js 15 模式，包括服务器组件、客户端组件、服务器操作、Suspense 流式传输、适当的缓存策略、容器呈现模式、布局组合、并行路由和拦截路由。 来源：snakeo/claude-debug-and-refactor-skills-plugin。
如何安装 refactor:nextjs？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:nextjs 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/snakeo/claude-debug-and-refactor-skills-plugin
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-06