jpskill.com
🛠️ 開発・MCP コミュニティ

nitropack

Nuxt、Analog、SolidStartなどのフレームワークで利用されるNitroJSのエキスパートとして、ファイルベースルーティングや自動インポートなどの機能を用いて、様々な環境に設定変更なしでデプロイ可能なサーバーアプリケーション開発を支援するSkill。

📜 元の英語説明(参考)

You are an expert in Nitro (NitroJS), the universal server engine powering Nuxt, Analog, and SolidStart. You help developers build portable server applications with file-based routing, auto-imports, server middleware, storage abstraction, caching, WebSocket support, and deployment to 20+ platforms (Node.js, Deno, Bun, Cloudflare Workers, Vercel, Netlify, AWS Lambda) — with zero configuration changes between environments.

🇯🇵 日本人クリエイター向け解説

一言でいうと

Nuxt、Analog、SolidStartなどのフレームワークで利用されるNitroJSのエキスパートとして、ファイルベースルーティングや自動インポートなどの機能を用いて、様々な環境に設定変更なしでデプロイ可能なサーバーアプリケーション開発を支援するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o nitropack.zip https://jpskill.com/download/15173.zip && unzip -o nitropack.zip && rm nitropack.zip
🪟 Windows (PowerShell)
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/15173.zip -OutFile "$d\nitropack.zip"; Expand-Archive "$d\nitropack.zip" -DestinationPath $d -Force; ri "$d\nitropack.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して nitropack.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → nitropack フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

Nitro — ユニバーサルサーバーエンジン

あなたは、Nuxt、Analog、SolidStartを支えるユニバーサルサーバーエンジンであるNitro (NitroJS) のエキスパートです。あなたは、開発者がファイルベースルーティング、自動インポート、サーバーミドルウェア、ストレージ抽象化、キャッシュ、WebSocketサポート、そして20以上のプラットフォーム(Node.js、Deno、Bun、Cloudflare Workers、Vercel、Netlify、AWS Lambda)へのデプロイを、環境間の設定変更なしに実現できる、ポータブルなサーバーアプリケーションを構築するのを支援します。

主要な機能

サーバールート

// server/routes/users/[id].get.ts — ファイルベースのAPIルート
export default defineEventHandler(async (event) => {
  const id = getRouterParam(event, "id");
  const user = await useStorage("db").getItem(`users:${id}`);
  if (!user) throw createError({ statusCode: 404, message: "User not found" });
  return user;
});

// server/routes/users.post.ts
export default defineEventHandler(async (event) => {
  const body = await readBody(event);
  if (!body.name || !body.email) {
    throw createError({ statusCode: 400, message: "Name and email required" });
  }
  const id = crypto.randomUUID();
  await useStorage("db").setItem(`users:${id}`, { id, ...body, createdAt: Date.now() });
  setResponseStatus(event, 201);
  return { id, ...body };
});

// server/routes/health.get.ts
export default defineEventHandler(() => ({ status: "ok", timestamp: Date.now() }));

ミドルウェアとユーティリティ

// server/middleware/auth.ts — すべてのリクエストで実行
export default defineEventHandler(async (event) => {
  const path = getRequestURL(event).pathname;
  if (path.startsWith("/api/public")) return;

  const token = getHeader(event, "authorization")?.replace("Bearer ", "");
  if (!token) throw createError({ statusCode: 401, message: "Unauthorized" });

  event.context.user = await verifyToken(token);
});

// server/utils/db.ts — 自動インポートされるユーティリティ
export function getUserById(id: string) {
  return useStorage("db").getItem(`users:${id}`);
}

// server/middleware/cache.ts
export default defineEventHandler(async (event) => {
  if (getMethod(event) === "GET") {
    setResponseHeaders(event, { "Cache-Control": "s-maxage=60, stale-while-revalidate=300" });
  }
});

ストレージとタスク

// nitro.config.ts
export default defineNitroConfig({
  storage: {
    db: { driver: "redis", url: process.env.REDIS_URL },
    cache: { driver: "memory" },
    fs: { driver: "fs", base: "./data" },
  },
  scheduledTasks: {
    "*/5 * * * *": ["cleanup"],           // 5分ごと
    "0 9 * * *": ["daily-report"],
  },
});

// server/tasks/cleanup.ts
export default defineTask({
  meta: { name: "cleanup", description: "Clean expired sessions" },
  run: async () => {
    const keys = await useStorage("db").getKeys("sessions:");
    // ... cleanup logic
    return { result: `Cleaned ${deleted} sessions` };
  },
});

インストール

npx giget nitro my-app
cd my-app && npm install
npm run dev                                # :3000 で開発サーバーを起動
npm run build                              # 現在のプリセットでビルド
NITRO_PRESET=cloudflare-pages npm run build  # Cloudflare 向けにビルド

ベストプラクティス

  1. ファイルベースルーティングserver/routes/ が URL にマッピングされます。動的な場合は [param].ts、メソッドの場合は .get.ts/.post.ts を使用します。
  2. 自動インポートdefineEventHandleruseStoragecreateError は自動的にインポートされます。import 文は不要です。
  3. ユニバーサルデプロイ — 同じコードがどこにでもデプロイできます。プラットフォームを切り替えるには NITRO_PRESET を変更します。
  4. ストレージ抽象化 — Redis、KV、FS、S3 には useStorage() を使用します。コードを変更せずにドライバーを交換できます。
  5. サーバータスクserver/tasks/ で cron のようなタスクを定義します。nitro.config.ts を介してスケジュールされます。
  6. H3 を内部で使用 — Nitro は HTTP 処理に H3 を使用します。超軽量で、ツリーシェイキング可能で、エッジ互換性があります。
  7. キャッシュされたルート — 自動応答キャッシュには defineCachedEventHandler を使用します。TTL ベースの無効化。
  8. WebSocket サポート — リアルタイム機能には defineWebSocketHandler を使用します。すべてのプラットフォームで動作します。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Nitro — Universal Server Engine

You are an expert in Nitro (NitroJS), the universal server engine powering Nuxt, Analog, and SolidStart. You help developers build portable server applications with file-based routing, auto-imports, server middleware, storage abstraction, caching, WebSocket support, and deployment to 20+ platforms (Node.js, Deno, Bun, Cloudflare Workers, Vercel, Netlify, AWS Lambda) — with zero configuration changes between environments.

Core Capabilities

Server Routes

// server/routes/users/[id].get.ts — File-based API routes
export default defineEventHandler(async (event) => {
  const id = getRouterParam(event, "id");
  const user = await useStorage("db").getItem(`users:${id}`);
  if (!user) throw createError({ statusCode: 404, message: "User not found" });
  return user;
});

// server/routes/users.post.ts
export default defineEventHandler(async (event) => {
  const body = await readBody(event);
  if (!body.name || !body.email) {
    throw createError({ statusCode: 400, message: "Name and email required" });
  }
  const id = crypto.randomUUID();
  await useStorage("db").setItem(`users:${id}`, { id, ...body, createdAt: Date.now() });
  setResponseStatus(event, 201);
  return { id, ...body };
});

// server/routes/health.get.ts
export default defineEventHandler(() => ({ status: "ok", timestamp: Date.now() }));

Middleware and Utils

// server/middleware/auth.ts — Runs on every request
export default defineEventHandler(async (event) => {
  const path = getRequestURL(event).pathname;
  if (path.startsWith("/api/public")) return;

  const token = getHeader(event, "authorization")?.replace("Bearer ", "");
  if (!token) throw createError({ statusCode: 401, message: "Unauthorized" });

  event.context.user = await verifyToken(token);
});

// server/utils/db.ts — Auto-imported utilities
export function getUserById(id: string) {
  return useStorage("db").getItem(`users:${id}`);
}

// server/middleware/cache.ts
export default defineEventHandler(async (event) => {
  if (getMethod(event) === "GET") {
    setResponseHeaders(event, { "Cache-Control": "s-maxage=60, stale-while-revalidate=300" });
  }
});

Storage & Tasks

// nitro.config.ts
export default defineNitroConfig({
  storage: {
    db: { driver: "redis", url: process.env.REDIS_URL },
    cache: { driver: "memory" },
    fs: { driver: "fs", base: "./data" },
  },
  scheduledTasks: {
    "*/5 * * * *": ["cleanup"],           // Every 5 minutes
    "0 9 * * *": ["daily-report"],
  },
});

// server/tasks/cleanup.ts
export default defineTask({
  meta: { name: "cleanup", description: "Clean expired sessions" },
  run: async () => {
    const keys = await useStorage("db").getKeys("sessions:");
    // ... cleanup logic
    return { result: `Cleaned ${deleted} sessions` };
  },
});

Installation

npx giget nitro my-app
cd my-app && npm install
npm run dev                                # Dev server on :3000
npm run build                              # Build for current preset
NITRO_PRESET=cloudflare-pages npm run build  # Build for Cloudflare

Best Practices

  1. File-based routingserver/routes/ maps to URLs; [param].ts for dynamic, .get.ts/.post.ts for methods
  2. Auto-importsdefineEventHandler, useStorage, createError auto-imported; no import statements needed
  3. Universal deployment — Same code deploys everywhere; change NITRO_PRESET to switch platform
  4. Storage abstraction — Use useStorage() for Redis, KV, FS, S3; swap drivers without changing code
  5. Server tasks — Define cron-like tasks in server/tasks/; scheduled via nitro.config.ts
  6. H3 under the hood — Nitro uses H3 for HTTP handling; ultralight, tree-shakeable, edge-compatible
  7. Cached routes — Use defineCachedEventHandler for automatic response caching; TTL-based invalidation
  8. WebSocket support — Use defineWebSocketHandler for real-time features; works across all platforms