について
このスキルは、開発者がNext.js App Routerの構造（ルート、レイアウト、ナビゲーションパターンを含む）の設計、リファクタリング、拡張を支援します。特にTypeScriptプロジェクトにおいてTailwind CSSとshadcn/uiを使用し、ルートグループ、動的ルート、サーバー/クライアントコンポーネントの境界を扱うことをサポートします。モダンなNext.jsアプリケーションで新しいルーティングアーキテクチャを計画または実装する際にご利用ください。
クイックインストール
Claude Code
推奨npx skills add mattnigh/skills_collection -a claude-code/plugin add https://github.com/mattnigh/skills_collectiongit clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/nextjs-routes-and-layoutsこのコマンドをClaude Codeにコピー＆ペーストしてスキルをインストールします
GitHub リポジトリ
よくある質問
nextjs-routes-and-layouts Skillとは何ですか？
nextjs-routes-and-layouts はmattnigh が作成した Claude Skillです。Skillは、Claudeが必要に応じて読み込む指示とリソースをまとめ、追加の指示なしで nextjs-routes-and-layouts に関連するタスクを実行できるようにします。
nextjs-routes-and-layouts をインストールするには？
このページのインストールコマンドを使用してください。nextjs-routes-and-layouts をプラグインとして Claude Code に追加するか、リポジトリを skills ディレクトリにクローンし、Claudeを再起動してSkillを読み込みます。
nextjs-routes-and-layouts はどのカテゴリに属しますか？
nextjs-routes-and-layouts は メタ カテゴリに属します。
nextjs-routes-and-layouts は無料で利用できますか？
はい。nextjs-routes-and-layouts は AIMCP に掲載されており、無料でインストールできます。
関連スキル
このスキルは、Content Collections（Markdown/MDXファイルを型安全なデータコレクションに変換するTypeScriptファーストのツール）の本番環境でテストされた設定を提供します。Zodバリデーションによる型安全性を実現し、ブログ、ドキュメントサイト、コンテンツ重視のVite + Reactアプリケーション構築時にご利用ください。Viteプラグインの設定、MDXコンパイルから、デプロイ最適化、スキーマバリデーションまで、すべてを網羅しています。
このスキルは、開発者がPolymarket予測市場プラットフォームを活用したアプリケーション構築を可能にします。API統合による取引や市場データの取得に加え、WebSocketを介したリアルタイムデータストリーミングにより、ライブ取引や市場活動を監視できます。取引戦略の実装や、ライブ市場更新を処理するツールの作成にご利用ください。
このスキルは、開発者がコマンド、ファイル、LSP操作など25種類以上のイベントタイプにフックするOpenCodeプラグインを作成することを支援します。JavaScript/TypeScriptモジュール向けに、プラグイン構造、イベントAPI仕様、および実装パターンを提供します。カスタムイベント駆動ロジックでOpenCode AIアシスタントのライフサイクルをインターセプト、監視、または拡張する必要がある場合にご利用ください。
SGLangは、高性能なLLMサービングフレームワークであり、RadixAttentionプレフィックスキャッシュを活用したJSON、正規表現、エージェントワークフロー向けの高速で構造化された生成を特長とします。特にプレフィックスが繰り返されるタスクにおいて、大幅に高速な推論を実現し、複雑な構造化出力やマルチターン対話に最適です。制約付きデコードが必要な場合や、広範なプレフィックス共有を伴うアプリケーションを構築する場合は、vLLMなどの代替案ではなくSGLangを選択してください。