Next.js 16.1 以降のアプリケーション ルーター パターン (サーバー コンポーネント、クライアント コンポーネント、サーバー アクション、ルート ハンドラー、Turbopack、MCP 統合、最新の React パターンを含む)。ページ、レイアウト、データの取得、または API ルートを構築するときに使用します。 Next.js、App Router、RSC、またはサーバー アクションの質問でトリガーされます。
コマンドラインで nextjs AI スキルを開発環境にすばやくインストール
ソース: fractionestate/midnight-dev-skills。
Expert knowledge for building modern web applications with Next.js App Router.
Next.js 16+ includes MCP support for AI coding agents via next-devtools-mcp:
| geterrors | Build errors, runtime errors, and type errors | | getlogs | Dev log file path (browser console, server output) | | getpagemetadata | Routes, components, rendering info | | getprojectmetadata | Project structure, config, dev server URL | | getserveractionbyid | Lookup Server Actions by ID |
Next.js 16.1 以降のアプリケーション ルーター パターン (サーバー コンポーネント、クライアント コンポーネント、サーバー アクション、ルート ハンドラー、Turbopack、MCP 統合、最新の React パターンを含む)。ページ、レイアウト、データの取得、または API ルートを構築するときに使用します。 Next.js、App Router、RSC、またはサーバー アクションの質問でトリガーされます。 ソース: fractionestate/midnight-dev-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/fractionestate/midnight-dev-skills --skill nextjsNext.js 16.1 以降のアプリケーション ルーター パターン (サーバー コンポーネント、クライアント コンポーネント、サーバー アクション、ルート ハンドラー、Turbopack、MCP 統合、最新の React パターンを含む)。ページ、レイアウト、データの取得、または API ルートを構築するときに使用します。 Next.js、App Router、RSC、またはサーバー アクションの質問でトリガーされます。 ソース: fractionestate/midnight-dev-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/fractionestate/midnight-dev-skills --skill nextjs インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/fractionestate/midnight-dev-skills