スキル一覧に戻る

nextjs-app-router-fundamentals

mattnigh
更新日 4 days ago
4 閲覧
22
1
22
GitHubで表示
メタdesigndata

について

このスキルは、Next.js App Router(Next.js 13以降)に関する包括的なガイダンスを提供し、Pages Routerからの移行、ファイルベースのルーティング、レイアウト、メタデータの取り扱いをカバーします。開発者がApp Routerへの移行、レイアウト作成、ルーティングパターン、または最新のNext.js開発タスクに関する支援を必要とする際に発動します。本スキルは厳格なTypeScriptの実践を重視し、Next.js 13以降のアプリケーション構築のための実践的な実装パターンを提供します。

クイックインストール

Claude Code

推奨
メイン
npx skills add mattnigh/skills_collection -a claude-code
プラグインコマンド代替
/plugin add https://github.com/mattnigh/skills_collection
Git クローン代替
git clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/nextjs-app-router-fundamentals

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

GitHub リポジトリ

mattnigh/skills_collection
パス: collection/mcclowes__knights-and-crosses__claude__skills__nextjs-app-router-fundamentals__SKILL.md
0

関連スキル

content-collections

メタ

このスキルは、Content Collections(Markdown/MDXファイルを型安全なデータコレクションに変換するTypeScriptファーストのツール)の本番環境でテストされた設定を提供します。Zodバリデーションによる型安全性を実現し、ブログ、ドキュメントサイト、コンテンツ重視のVite + Reactアプリケーション構築時にご利用ください。Viteプラグインの設定、MDXコンパイルから、デプロイ最適化、スキーマバリデーションまで、すべてを網羅しています。

スキルを見る

polymarket

メタ

このスキルは、開発者がPolymarket予測市場プラットフォームを活用したアプリケーション構築を可能にします。API統合による取引や市場データの取得に加え、WebSocketを介したリアルタイムデータストリーミングにより、ライブ取引や市場活動を監視できます。取引戦略の実装や、ライブ市場更新を処理するツールの作成にご利用ください。

スキルを見る

creating-opencode-plugins

メタ

このスキルは、開発者がコマンド、ファイル、LSP操作など25種類以上のイベントタイプにフックするOpenCodeプラグインを作成することを支援します。JavaScript/TypeScriptモジュール向けに、プラグイン構造、イベントAPI仕様、および実装パターンを提供します。カスタムイベント駆動ロジックでOpenCode AIアシスタントのライフサイクルをインターセプト、監視、または拡張する必要がある場合にご利用ください。

スキルを見る

sglang

メタ

SGLangは、高性能なLLMサービングフレームワークであり、RadixAttentionプレフィックスキャッシュを活用したJSON、正規表現、エージェントワークフロー向けの高速で構造化された生成を特長とします。特にプレフィックスが繰り返されるタスクにおいて、大幅に高速な推論を実現し、複雑な構造化出力やマルチターン対話に最適です。制約付きデコードが必要な場合や、広範なプレフィックス共有を伴うアプリケーションを構築する場合は、vLLMなどの代替案ではなくSGLangを選択してください。

スキルを見る