developing-genkit-js

tarafından genkit-ai

Node.js/TypeScript ile Genkit kullanarak AI destekli uygulamalar geliştirin. Kullanıcı Genkit, AI ajanları, akışlar veya JavaScript/TypeScript araçları hakkında soru sorduğunda veya Genkit hataları, doğrulama sorunları, tür hataları veya API problemleriyle karşılaştığında kullanın.

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).

İlgili Skills

figma-use
Figma
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.
official
flutter-architecting-apps
flutter
Layered architecture framework for scalable Flutter apps with strict separation of concerns. Enforces three-layer structure (UI, Logic, Data) with unidirectional data flow and a single source of truth in the Data layer UI layer contains lean Views and ViewModels that transform domain models into presentation state; Logic layer (optional) handles complex business orchestration; Data layer divides strictly into stateless Services and caching Repositories Provides step-by-step feature...
official
product-photography
qu-skills
Yapay zeka ile stüdyo aydınlatmalı ürün fotoğrafçılığı, yaşam tarzı çekimleri ve paket görüntüsü kuralları. Açılar, arka planlar, gölge türleri, kahraman çekimleri ve e-ticaret görsel gereksinimlerini kapsar. Kullanım alanları: ürün fotoğrafları, e-ticaret görselleri, Amazon listeleme görselleri, paket görüntüleri, yaşam tarzı fotoğrafçılığı. Tetikleyiciler: ürün fotoğrafçılığı, ürün fotoğrafı, paket görüntüsü, e-ticaret fotoğrafçılığı, ürün çekimi, ürün görseli, stüdyo fotoğrafçılığı, yaşam tarzı
creativeecommerceimage
applicationinsights-web-ts
microsoft
Tarayıcı/web uygulamalarını Application Insights JavaScript SDK (@microsoft/applicationinsights-web) ile enstrümante edin. Gerçek Kullanıcı İzleme (RUM) için kullanın — sayfa görüntülemeleri,…
official
cms
vercel
Başsız CMS entegrasyon rehberi — Sanity (yerel Vercel Marketplace), Contentful, DatoCMS, Storyblok ve Builder.io. Stüdyo kurulumu, içerik modelleme,…
official
zoom-apps-sdk
anthropic
Zoom Apps SDK için referans becerisi. Zoom toplantıları, web seminerleri, ana… içinde çalışan web uygulamaları oluştururken istemci içi uygulama iş akışına yönlendirmeden sonra kullanın.
official
golang-project-layout
samber
Golang proje düzenleri ve çalışma alanları kurulumu için bir rehber sağlar. Yeni bir Go projesine başlarken, mevcut bir kod tabanını düzenlerken, birden fazla paket içeren bir monorepo kurarken, birden fazla ana paket içeren CLI araçları oluştururken, cmd/internal/pkg dizin kuralları arasında karar verirken veya paket yeniden yapılandırması, paket bölme ya da modül bölme konularını tartışırken kullanın.
development
github-repo-explore
microsoft
gh CLI kullanarak harici GitHub depolarını arama ve keşfetme kılavuzu. Referans uygulamalar, desenler veya kod örneklerine ihtiyaç duyduğunuzda bunu kullanın…
official