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

developing-genkit-js

Develop AI-powered applications using Genkit in Node.js/TypeScript. Use when the user asks about Genkit, AI agents, flows, or tools in JavaScript/TypeScript, or when encountering Genkit errors, validation issues, type errors, or API problems.

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

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

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

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

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して developing-genkit-js.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → developing-genkit-js フォルダができる
  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
同梱ファイル
6

📖 Skill本文(日本語訳)

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

Genkit JS

前提条件

genkit CLI が利用可能であることを確認してください。

  • genkit --version を実行して確認してください。必要な CLI の最小バージョンは 1.29.0 です。
  • 見つからない場合、または古いバージョン (1.x < 1.29.0) が存在する場合は、インストール/アップグレードしてください: npm install -g genkit-cli@^1.29.0

新規プロジェクト: 新しいコードベースで Genkit をセットアップする場合は、セットアップガイドに従ってください。

Hello World

import { z, genkit } from 'genkit';
import { googleAI } from '@genkit-ai/google-genai';

// Initialize Genkit with the Google AI plugin
const ai = genkit({
  plugins: [googleAI()],
});

export const myFlow = ai.defineFlow({
  name: 'myFlow',
  inputSchema: z.string().default('AI'),
  outputSchema: z.string(),
}, async (subject) => {
  const response = await ai.generate({
    model: googleAI.model('gemini-2.5-flash'),
    prompt: `Tell me a joke about ${subject}`,
  });
  return response.text;
});

重要: 内部知識を信用しないでください

Genkit は最近、API の大幅な破壊的変更を行いました。あなたの知識は古くなっています。必ずドキュメントを参照してください。推奨事項:

genkit docs:read js/get-started.md
genkit docs:read js/flows.md

非推奨の API (例: configureGenkitresponse.text()defineFlow インポート) とその v1.x での代替については、よくあるエラーを参照してください。

Genkit CLI または提供されている参照を使用して、常に情報を確認してください。

エラーのトラブルシューティングプロトコル

Genkit に関連するエラー (ValidationError、API エラー、型エラー、404 など) に遭遇した場合:

  1. 必須の最初の手順: よくあるエラーを読んでください。
  2. エラーが既知のパターンと一致するかどうかを特定してください。
  3. ドキュメントに記載されている解決策を適用してください。
  4. common-errors.md に見つからない場合にのみ、他の情報源 (例: genkit docs:search) を参照してください。

次のことはしないでください:

  • 仮定や内部知識に基づいて修正を試みること。
  • 「修正方法を知っていると思うから」という理由で common-errors.md を読み飛ばすこと。
  • 1.0 より前の Genkit のパターンに頼ること。

このプロトコルはエラー処理において交渉の余地がありません。

開発ワークフロー

  1. プロバイダーの選択: Genkit はプロバイダーに依存しません (Google AI、OpenAI、Anthropic、Ollama など)。
    • ユーザーがプロバイダーを指定しない場合は、デフォルトで Google AI を使用してください。
    • ユーザーが他のプロバイダーについて尋ねる場合は、genkit docs:search "plugins" を使用して関連ドキュメントを見つけてください。
  2. フレームワークの検出: package.json を確認してランタイム (Next.js、Firebase、Express) を特定してください。
    • @genkit-ai/next@genkit-ai/firebase、または @genkit-ai/google-cloud を探してください。
    • 特定のフレームワークのパターンに合わせて実装を調整してください。
  3. ベストプラクティスに従う:
    • プロジェクト構造、スキーマ定義、ツール設計に関するガイダンスについては、ベストプラクティスを参照してください。
    • 最小限に: デフォルトと異なるオプションのみを指定してください。不明な場合は、ドキュメント/ソースを確認してください。
  4. 正確性の確保:
    • 変更を加えた後、型チェック (例: npx tsc --noEmit) を実行してください。
    • 型チェックが失敗した場合は、ソースコードを検索する前によくあるエラーを参照してください。
  5. エラーの処理:
    • エラーが発生した場合は、最初のアクションとしてよくあるエラーを読んでください
    • エラーをドキュメントに記載されているパターンと照合してください。
    • 代替案を試す前に、ドキュメントに記載されている修正を適用してください。

ドキュメントの検索

Genkit CLI を使用して信頼できるドキュメントを見つけてください。

  1. トピックの検索: genkit docs:search <query>
    • 例: genkit docs:search "streaming"
  2. すべてのドキュメントを一覧表示: genkit docs:list
  3. ガイドを読む: genkit docs:read <path>
    • 例: genkit docs:read js/flows.md

CLI の使用法

genkit CLI は、開発とドキュメント作成のための主要なツールです。

  • 一般的なタスク、ワークフロー、コマンドの使用法については、CLI リファレンスを参照してください。
  • コマンドの完全なリストについては、genkit --help を使用してください。

参照

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Genkit JS

Prerequisites

Ensure the genkit CLI is available.

  • Run genkit --version to verify. Minimum CLI version needed: 1.29.0
  • If not found or if an older version (1.x < 1.29.0) is present, install/upgrade it: npm install -g genkit-cli@^1.29.0.

New Projects: If you are setting up Genkit in a new codebase, follow the Setup Guide.

Hello World

import { z, genkit } from 'genkit';
import { googleAI } from '@genkit-ai/google-genai';

// Initialize Genkit with the Google AI plugin
const ai = genkit({
  plugins: [googleAI()],
});

export const myFlow = ai.defineFlow({
  name: 'myFlow',
  inputSchema: z.string().default('AI'),
  outputSchema: z.string(),
}, async (subject) => {
  const response = await ai.generate({
    model: googleAI.model('gemini-2.5-flash'),
    prompt: `Tell me a joke about ${subject}`,
  });
  return response.text;
});

Critical: Do Not Trust Internal Knowledge

Genkit recently went through a major breaking API change. Your knowledge is outdated. You MUST lookup docs. Recommended:

genkit docs:read js/get-started.md
genkit docs:read js/flows.md

See Common Errors for a list of deprecated APIs (e.g., configureGenkit, response.text(), defineFlow import) and their v1.x replacements.

ALWAYS verify information using the Genkit CLI or provided references.

Error Troubleshooting Protocol

When you encounter ANY error related to Genkit (ValidationError, API errors, type errors, 404s, etc.):

  1. MANDATORY FIRST STEP: Read Common Errors
  2. Identify if the error matches a known pattern
  3. Apply the documented solution
  4. Only if not found in common-errors.md, then consult other sources (e.g. genkit docs:search)

DO NOT:

  • Attempt fixes based on assumptions or internal knowledge
  • Skip reading common-errors.md "because you think you know the fix"
  • Rely on patterns from pre-1.0 Genkit

This protocol is non-negotiable for error handling.

Development Workflow

  1. Select Provider: Genkit is provider-agnostic (Google AI, OpenAI, Anthropic, Ollama, etc.).
    • If the user does not specify a provider, default to Google AI.
    • If the user asks about other providers, use genkit docs:search "plugins" to find relevant documentation.
  2. Detect Framework: Check package.json to identify the runtime (Next.js, Firebase, Express).
    • Look for @genkit-ai/next, @genkit-ai/firebase, or @genkit-ai/google-cloud.
    • Adapt implementation to the specific framework's patterns.
  3. Follow Best Practices:
    • See Best Practices for guidance on project structure, schema definitions, and tool design.
    • Be Minimal: Only specify options that differ from defaults. When unsure, check docs/source.
  4. Ensure Correctness:
    • Run type checks (e.g., npx tsc --noEmit) after making changes.
    • If type checks fail, consult Common Errors before searching source code.
  5. Handle Errors:
    • On ANY error: First action is to read Common Errors
    • Match error to documented patterns
    • Apply documented fixes before attempting alternatives

Finding Documentation

Use the Genkit CLI to find authoritative documentation:

  1. Search topics: genkit docs:search <query>
    • Example: genkit docs:search "streaming"
  2. List all docs: genkit docs:list
  3. Read a guide: genkit docs:read <path>
    • Example: genkit docs:read js/flows.md

CLI Usage

The genkit CLI is your primary tool for development and documentation.

  • See CLI Reference for common tasks, workflows, and command usage.
  • Use genkit --help for a full list of commands.

References

  • Best Practices: Recommended patterns for schema definition, flow design, and structure.
  • Docs & CLI Reference: Documentation search, CLI tasks, and workflows.
  • Common Errors: Critical "gotchas", migration guide, and troubleshooting.
  • Setup Guide: Manual setup instructions for new projects.
  • Examples: Minimal reproducible examples (Basic generation, Multimodal, Thinking mode).

同梱ファイル

※ ZIPに含まれるファイル一覧。`SKILL.md` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。