mcpField
N
nextjs

nextjs

github.com/partme-ai開発727113 回インストール5 週間前に更新
リポジトリ

nextjs について

Next.js アプリの実装と設定を支援するドキュメント参照スキルです。App Router、Pages Router、アーキテクチャ、コミュニティの各トピックを、対応するサンプルと公式ドキュメントに結び付けます。

主な機能

  1. 01App Router／Pages Router の案内
  2. 02ルーティングとデータ取得のトピック
  3. 03キャッシュとデプロイの参照
  4. 04公式 API と設定の案内
  5. 05ドキュメントのパスに沿ったサンプル

活用シーン

  1. 01Next.js のトピックに対応する文書の検索
  2. 02ルーティングやデータ取得の実装
  3. 03キャッシュとデプロイの選択肢の確認
  4. 04公式 API と設定の参照

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/partme-ai/full-stack-skills --skill nextjs

インストール後、Claude Code で/nextjsを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

LICENSE.txt
examples/app/api-reference/cli/
create-next-app.md
next.md
examples/app/api-reference/cli/index/
index.md
examples/app/api-reference/components/
font.md
form.md
image.md
link.md
script.md
examples/app/api-reference/components/index/
index.md
examples/app/api-reference/config/
eslint.md
examples/app/api-reference/config/index/
index.md
examples/app/api-reference/config/next-config-js/
adapterPath.md
allowedDevOrigins.md
appDir.md
assetPrefix.md
authInterrupts.md
basePath.md
browserDebugInfoInTerminal.md
cacheComponents.md
cacheHandlers.md
cacheLife.md
compress.md
crossOrigin.md
cssChunking.md
devIndicators.md
distDir.md
env.md
expireTime.md
exportPathMap.md

詳細

このスキルを使うタイミング

ユーザーが次のことを求めている場合は、いつでもこのスキルを使ってください。

  • Next.js のドキュメントのトピック（App Router、Pages Router、アーキテクチャ、コミュニティ）を確認する
  • Next.js のルーティング、データ取得、キャッシュ、デプロイを実装する
  • ドキュメントに記載された公式 API や設定オプションを使う

このスキルの使い方

  1. ユーザーのリクエストからトピックを特定します。
  2. examples/ にある該当するサンプルファイルを開きます。
  3. ファイルにリンクされている Next.js の公式ドキュメントに従います。

マッピングルール（https://nextjs.org/docs と一対一で対応）

examples/ ディレクトリは公式ドキュメントの構成を反映しています。

パスのルール：

  • ドキュメントのフォルダー名とファイル名から数値のプレフィックスを削除します（例：01-app → app）。
  • index.mdx ページは、対応するディレクトリ内の index.md にマッピングされます。

リソース

キーワード

Next.js、App Router、Pages Router、ルーティング、データ取得、キャッシュ、サーバーコンポーネント、クライアントコンポーネント、ミドルウェア、デプロイ、設定

コメント

Markdown 対応