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本体の挙動とは独立した参考情報です。
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
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
$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. 下の青いボタンを押して
nitropack.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
nitropackフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
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 向けにビルド
ベストプラクティス
- ファイルベースルーティング —
server/routes/が URL にマッピングされます。動的な場合は[param].ts、メソッドの場合は.get.ts/.post.tsを使用します。 - 自動インポート —
defineEventHandler、useStorage、createErrorは自動的にインポートされます。import文は不要です。 - ユニバーサルデプロイ — 同じコードがどこにでもデプロイできます。プラットフォームを切り替えるには
NITRO_PRESETを変更します。 - ストレージ抽象化 — Redis、KV、FS、S3 には
useStorage()を使用します。コードを変更せずにドライバーを交換できます。 - サーバータスク —
server/tasks/で cron のようなタスクを定義します。nitro.config.tsを介してスケジュールされます。 - H3 を内部で使用 — Nitro は HTTP 処理に H3 を使用します。超軽量で、ツリーシェイキング可能で、エッジ互換性があります。
- キャッシュされたルート — 自動応答キャッシュには
defineCachedEventHandlerを使用します。TTL ベースの無効化。 - 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
- File-based routing —
server/routes/maps to URLs;[param].tsfor dynamic,.get.ts/.post.tsfor methods - Auto-imports —
defineEventHandler,useStorage,createErrorauto-imported; no import statements needed - Universal deployment — Same code deploys everywhere; change
NITRO_PRESETto switch platform - Storage abstraction — Use
useStorage()for Redis, KV, FS, S3; swap drivers without changing code - Server tasks — Define cron-like tasks in
server/tasks/; scheduled vianitro.config.ts - H3 under the hood — Nitro uses H3 for HTTP handling; ultralight, tree-shakeable, edge-compatible
- Cached routes — Use
defineCachedEventHandlerfor automatic response caching; TTL-based invalidation - WebSocket support — Use
defineWebSocketHandlerfor real-time features; works across all platforms