developing-genkit-js

โดย genkit-ai

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.

npx skills add https://github.com/genkit-ai/skills --skill developing-genkit-js

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-flash-latest'),
    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).

Skills ที่เกี่ยวข้อง

google-agents-cli-eval
google
ทักษะนี้ควรใช้เมื่อผู้ใช้ต้องการ "รันการประเมิน", "ประเมิน ADK agent ของฉัน", "เขียนชุดข้อมูลประเมิน", "วิเคราะห์ข้อผิดพลาดในการประเมิน", "เปรียบเทียบผลการประเมิน", "ปรับแต่ง agent" หรือต้องการคำแนะนำเกี่ยวกับระเบียบวิธีการประเมินของ Agent Platform และ Quality Flywheel ครอบคลุมเมตริกการประเมิน โครงสร้างชุดข้อมูล การให้คะแนนแบบ LLM-as-judge และสาเหตุข้อผิดพลาดทั่วไป ห้ามใช้สำหรับรูปแบบโค้ด API (ใช้ google-agents-cli-adk-code), การปรับใช้ (ใช้ google-agents-cli-deploy) หรือการสร้างโครงโปรเจกต์ (ใช้...
developmenttestingdata-analysis
expo-tailwind-setup
expo
สไตล์ Tailwind CSS v4 สากลสำหรับแอป Expo บน iOS, Android และ Web รวม Tailwind CSS v4 กับ react-native-css และ NativeWind v5 ผ่าน Metro transformer โดยไม่ต้องกำหนดค่า Babel มีไลบรารีคอมโพเนนต์ที่ห่อหุ้มด้วย CSS (View, Text, ScrollView, Pressable, TextInput, Image, Link) ที่ใช้สไตล์ className กับองค์ประกอบดั้งเดิม รองรับการจัดสไตล์เฉพาะแพลตฟอร์มผ่าน CSS media queries, ตัวแปรธีมที่กำหนดเองผ่านบล็อก @theme และความหมายของ Apple...
official
flux-kontext
runcomfy-com
แก้ไขภาพด้วย Flux 1 Kontext Pro (โมเดลแก้ไขภาพเฉพาะจุดที่แม่นยำจาก Black Forest Labs) บน RunComfy — มาพร้อมกับรูปแบบการเขียนคำสั่งที่บันทึกไว้ของโมเดล เพื่อให้สกิลได้ผลลัพธ์ที่คมชัดกว่าการใช้คำสั่งแบบทั่วไปกับโมเดลเดียวกัน อธิบายจุดแข็งของ Flux Kontext (การแก้ไขเฉพาะจุดที่แม่นยำจากภาพอ้างอิงเดียว, การควบคุมคำสั่งที่แข็งแกร่ง, ผลลัพธ์คุณภาพสูงที่สม่ำเสมอ), โครงสร้าง (ภาพเดียว + คำสั่ง), และเวลาที่ควรเปลี่ยนไปใช้ Nano Banana Edit / GPT Image 2 edit / Flux 2 Klein แทน เรียก...
creativeimagedocument
eventhouse-consumption-cli
microsoft
อัปเดตเช็ค — ครั้งเดียวต่อเซสชัน (บังคับ) เมื่อใช้สกิลนี้ครั้งแรกในเซสชัน ให้รันสกิล check-updates ก่อนดำเนินการ
official
azure-cosmos-java
microsoft
ไลบรารีไคลเอ็นต์สำหรับ Azure Cosmos DB NoSQL API ที่มีการกระจายทั่วโลกและรูปแบบรีแอกทีฟ
official
shopify-hydrogen
shopify
ตำราสำหรับการใช้งานร้านค้า Hydrogen สูตรที่มีให้เลือกได้แก่: B2B Commerce, Bundles, Combined Listings, Custom Cart Method, Dynamic Content…
official
azure-hosted-copilot-sdk
microsoft
Build, deploy, modify GitHub Copilot SDK apps on Azure. MANDATORY when codebase contains @github/copilot-sdk or CopilotClient — use this skill instead of…
official
image-to-video
runcomfy-com
Animate any still image on RunComfy — this skill is a smart router that matches the user's intent to the right i2v model in the RunComfy catalog. Picks HappyHorse 1.0 I2V (Arena #1, native audio, identity preservation) for general animations, Wan 2.7 with `audio_url` for custom-voiceover lip-sync, or Seedance 2.0 Pro for multi-modal animation from image + reference video + reference audio. Bundles each model's documented prompting patterns so the caller gets sharper output without burning...
creativevideomedia