·refactor:nextjs

Next.js コードをリファクタリングして、保守性、可読性、App Router のベスト プラクティスへの準拠を向上させます。 God コンポーネント、プロップドリル、不適切な「クライアント使用」の使用法、古いページルーターパターン、サスペンス境界の欠落、誤ったキャッシュ戦略、useEffect データフェッチのアンチパターンを特定して修正します。サーバー コンポーネント、クライアント コンポーネント、サーバー アクション、サスペンス付きストリーミング、適切なキャッシュ戦略、コンテナー プレゼンテーション パターン、レイアウト構成、並列ルート、インターセプト ルートなどの最新の Next.js 15 パターンを適用します。

17インストール·0トレンド·@snakeo

インストール

$npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:nextjs

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 コンポーネント、プロップドリル、不適切な「クライアント使用」の使用法、古いページルーターパターン、サスペンス境界の欠落、誤ったキャッシュ戦略、useEffect データフェッチのアンチパターンを特定して修正します。サーバー コンポーネント、クライアント コンポーネント、サーバー アクション、サスペンス付きストリーミング、適切なキャッシュ戦略、コンテナー プレゼンテーション パターン、レイアウト構成、並列ルート、インターセプト ルートなどの最新の Next.js 15 パターンを適用します。 ソース: 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 コンポーネント、プロップドリル、不適切な「クライアント使用」の使用法、古いページルーターパターン、サスペンス境界の欠落、誤ったキャッシュ戦略、useEffect データフェッチのアンチパターンを特定して修正します。サーバー コンポーネント、クライアント コンポーネント、サーバー アクション、サスペンス付きストリーミング、適切なキャッシュ戦略、コンテナー プレゼンテーション パターン、レイアウト構成、並列ルート、インターセプト ルートなどの最新の Next.js 15 パターンを適用します。 ソース: 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 で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/snakeo/claude-debug-and-refactor-skills-plugin