Guides Next.js 16 / React 19 development. Use when package.json contains 'next' or next.config.* is detected. Supports App Router, Server Components, Cache Components, strict TypeScript, Tailwind CSS v4, Prisma ORM, and Vitest.
Provides Next.js 16 and React 19 development guidance. Use when `package.json` contains 'next' or `next.config.*` is detected. Covers App Router, Server Components, strict TypeScript, Tailwind CSS v4, Prisma ORM, and Vitest.
/plugin marketplace add sumik5/sumik-claude-plugin/plugin install sumik@sumikThis skill inherits all available tools. When active, it can use any tool Claude has access to.
DATABASE.mdDOCKER.mdEXAMPLES.mdNEXTJS-GUIDE.mdPROJECT-STRUCTURE.mdREACT-GUIDE.mdSTYLING.mdTESTING.mdTOOLING.mdこのスキルは、Next.js 16.0.0 + React 19.2.0を使用した最新のWebアプリケーション開発のベストプラクティスを提供します。
以下のような場面でこのスキルを参照してください：
このスキルは、必要な情報に素早くアクセスできるよう、以下のファイルに分割されています：
このスキルは、以下の既存スキルと組み合わせて使用してください：
applying-solid-principles: SOLID原則、クリーンコード、単一責任原則等enforcing-type-safety: any/Any型禁止、型ガード、厳格な型チェックtesting: TDD、AAA パターン、テストカバレッジ100%目標securing-code: セキュアコーディング、CodeGuard実行（実装完了後必須）writing-technical-docs: 7つのC原則（Clear, Concise, Correct, Coherent, Concrete, Complete, Courteous）using-serena: コード編集・分析（最優先）using-next-devtools: Next.js専用ツール（診断、アップグレード、Cache Components最適化）using-shadcn: UIコンポーネント管理（shadcn/ui検索・追加）mcp-search: 最新仕様確認（context7、kagi等）applying-solid-principles、enforcing-type-safety、securing-code - コード品質向上# 1. Next.js 16プロジェクト作成
npx create-next-app@latest my-app
# 2. mise初期化（推奨）
mise use node@24.5.0 pnpm@10.14.0 pre-commit@latest
# 3. shadcn/ui初期化
pnpm dlx shadcn@latest init
# 4. Prisma初期化
pnpm add -D prisma
pnpm dlx prisma init
# 5. Vitest初期化
pnpm add -D vitest @vitejs/plugin-react vite-tsconfig-paths jsdom
詳細な設定は各ドキュメントを参照してください。
enforcing-type-safetyスキル参照）strict: trueを必ず有効化"use client"async/awaitで直接データベースアクセスapplying-solid-principlesスキル参照testingスキル参照securing-codeスキル参照（実装完了後にCodeGuard必須実行）dynamic()で遅延ロードnext/imageコンポーネント使用このスキルは、実際のプロダクションプロジェクト（信州大学教育プラットフォーム）から抽出されたベストプラクティスに基づいています。
不明点や改善提案があれば、関連ドキュメントを参照するか、最新の公式ドキュメントを確認してください：
対象バージョン: Next.js 16.x / React 19.x（詳細なバージョンは上記「対象技術スタック」を参照）