Vercel Skills

Guide for adding new AI function examples, for testing specific features against the actual provider APIs.

Guide for adding new AI function examples, for testing specific features against the actual provider APIs.

Yeni AI sağlayıcı paketlerini AI SDK'ya ekleme kılavuzu. SDK'ya bir AI hizmeti entegre etmek için yeni bir @ai-sdk/<provider> paketi oluştururken kullanın.

Yeni AI sağlayıcı paketlerini AI SDK'ya ekleme kılavuzu. SDK'ya bir AI hizmeti entegre etmek için yeni bir @ai-sdk/<provider> paketi oluştururken kullanın.

Mimari Karar Kayıtları (ADR'ler) oluşturur ve bunları ajan kodlama iş akışları için optimize edilmiş şekilde sürdürür. Önermek, yazmak, güncellemek, kabul/reddetmek gerektiğinde kullanın,…

Mimari Karar Kayıtları (ADR'ler) oluşturur ve bunları ajan kodlama iş akışları için optimize edilmiş şekilde sürdürür. Önermek, yazmak, güncellemek, kabul/reddetmek gerektiğinde kullanın,…

Web testleri, form doldurma, ekran görüntüsü alma ve veri çıkarma işlemleri için tarayıcı etkileşimlerini otomatikleştirir.

Web tarayıcı etkileşimlerini otomatikleştirerek web testi, form doldurma, ekran görüntüsü alma ve veri çıkarma işlemlerini gerçekleştirir. Kullanıcının web sitelerinde gezinmesi, web ile etkileşime girmesi gerektiğinde kullanın…

Yapay zeka ajanları için tarayıcı otomasyonu CLI. Kullanıcının web siteleriyle etkileşime geçmesi, geliştirici sunucu çıktısını doğrulaması, web uygulamalarını test etmesi, sayfalarda gezinmesi, formları doldurması gerektiğinde kullanın.

AI ajanları için tarayıcı otomasyonu CLI. Kullanıcının web siteleriyle etkileşime geçmesi gerektiğinde kullanılır; sayfalarda gezinme, form doldurma, butonlara tıklama, ekran görüntüsü alma gibi işlemleri içerir.

Browser automation CLI for AI agents. Use when the user needs to interact with websites, verify dev server output, test web apps, navigate pages, fill forms,…

Automated browser verification for dev servers. Triggers when a dev server starts to run a visual gut-check with agent-browser — verifies the page loads,…

Geliştirme sunucuları için otomatik tarayıcı doğrulaması. Bir geliştirme sunucusu başladığında, agent-browser ile görsel bir sağlama yapmak için tetiklenir — sayfanın yüklendiğini doğrular,…

Vercel Academy'deki Agent-Friendly APIs kursu için yardımcı beceri. Bir geri bildirim API'si oluşturun, yapılandırılmış dokümantasyonla onu ajan dostu hale getirin, ardından dokümanları otomatik olarak oluşturan bir Claude Code becerisi yaratın.

Python `ai` module — models, agents, hooks, middleware, MCP, structured output

Terminal üzerinden AI modelleri kullanarak metin, görsel ve video oluşturun.

AI Elements bileşen kütüphanesi rehberi — shadcn/ui üzerine inşa edilmiş AI arayüzleri için önceden oluşturulmuş React bileşenleri. Sohbet arayüzleri, mesaj görüntüleme, araç…

Create new AI chat interface components for the ai-elements library following established composable patterns, shadcn/ui integration, and Vercel AI SDK…

Pre-built React components for AI chat interfaces built on shadcn/ui and the AI SDK. Includes conversation, message, tool display, and prompt input components designed for AI-native applications Installs directly into your project codebase via CLI, making components fully customizable and extensible with standard React patterns Requires Next.js, AI SDK, shadcn/ui, and Node.js 18+; integrates seamlessly with Vercel's AI Gateway for model access All components support standard HTML attributes...

AI Elements component library guidance — pre-built React components for AI interfaces built on shadcn/ui. Use when building chat UIs, message displays, tool…

Vercel AI Gateway uzman rehberliği. Model yönlendirme, sağlayıcı yedekleme, maliyet takibi yapılandırırken veya birden fazla AI sağlayıcısını birleşik bir şekilde yönetirken kullanın…

Vercel AI Gateway uzman rehberliği. Model yönlendirme, sağlayıcı yedekleme, maliyet takibi yapılandırırken veya birden fazla AI sağlayıcısını birleşik bir şekilde yönetirken kullanın…

Her AI üretimi için benzersiz kimlikler, adreslenebilir URL'ler, veritabanı depolama ve maliyet takibi — AI üretim kalıcılık desenleri

Her yapay zeka üretimi için benzersiz kimlikler, adreslenebilir URL'ler, veritabanı depolama ve maliyet takibi — yapay zeka üretim kalıcılık desenleri

Reference documentation and hands-on guidance for building AI-powered applications with the Vercel AI SDK. Covers core APIs for text generation, streaming, tool calling, structured output, embeddings, and agent building with ToolLoopAgent Includes React hooks (useChat, useCompletion) and framework-specific patterns for Next.js, SvelteKit, and other platforms Provides provider integration guides for OpenAI, Anthropic, Google, and others, plus AI Gateway setup for unified model access...

AI SDK hakkındaki soruları yanıtlayın ve AI destekli özellikler oluşturmaya yardımcı olun. Geliştiricilerin: (1) generateText, streamText gibi AI SDK işlevleri hakkında soru sorması durumunda kullanın.

Vercel AI SDK uzman rehberliği. Yapay zeka destekli özellikler oluştururken kullanın — sohbet arayüzleri, metin üretimi, yapılandırılmış çıktı, araç çağırma, ajanlar, MCP…

Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText,…

AI SDK hakkındaki soruları yanıtlayın ve AI destekli özellikler oluşturmaya yardımcı olun. Geliştiricilerin: (1) generateText, streamText,… gibi AI SDK işlevleri hakkında soru sorması durumunda kullanın.

Vercel AI SDK uzman rehberliği. Yapay zeka destekli özellikler — sohbet arayüzleri, metin oluşturma, yapılandırılmış çıktı, araç çağırma, ajanlar, MCP… — oluştururken kullanın.

Next.js bundle analyzer verilerini NDJSON'a dönüştürün ve keşfedin

Yerel geliştirme ve test için Apple ile Giriş / Apple OIDC emülasyonu. Kullanıcının Apple girişini yerel olarak test etmesi gerektiğinde, Apple OIDC emülasyonu yapmak için kullanılır…

Next.js dokümantasyon RAG API'sini sorgula, konu: $ARGUMENTS

Authentication integration guidance — Clerk (native Vercel Marketplace), Descope, and Auth0 setup for Next.js applications. Covers middleware auth patterns,…

Authentication integration guidance — Clerk (native Vercel Marketplace), Descope, and Auth0 setup for Next.js applications. Covers middleware auth patterns,…

Use this skill when creating or modifying agent skills in .agents/skills/ .

Otomatik değişiklik seti tabanlı sürümler için AI tarafından oluşturulan açıklamalarla çalışan CLI aracı. Kullanıcının bir paket yayınlaması, değişiklik setleri oluşturması, sürümleri yükseltmesi gerektiğinde kullanın.

Yerel geliştirme ve test için simüle edilmiş AWS bulut hizmetleri (S3, SQS, IAM, STS). Kullanıcının AWS API uç noktalarıyla yerel olarak etkileşime geçmesi, S3 test etmesi gerektiğinde kullanın…

Animasyon sürelerini doğrular, tipografi ölçeğini zorunlu kılar, bileşen erişilebilirliğini kontrol eder ve Tailwind CSS projelerinde düzen anti-desenlerini önler. Şu durumlarda kullanın…

İki URL veya görsel arasındaki web sayfalarının veya öğelerinin görsel karşılaştırması. Masaüstü, mobil (375x812) veya tablet (768x1024) görüntü alanlarında, isteğe bağlı tam sayfa kaydırma ile ekran görüntüleri alır. Belirli öğeleri izole etmek için CSS seçicilerini destekler ve file://, http://, https:// URL'lerini veya yerel görsel yollarını kabul eder. Kolay PR entegrasyonu için otomatik görsel yükleme ile 0x0.st'ye (veya GitHub Gist'e) markdown biçimli çıktı üretir. Vercel dağıtım koruma algılaması ve GitHub CLI entegrasyonu içerir...

Advanced AI agent benchmark scenarios that push Vercel's cutting-edge platform features — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

Vercel'in en son platform özelliklerini zorlayan ileri düzey AI ajan kıyaslama senaryoları — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

vercel-plugin için uçtan uca kıyaslama paketi. Gerçekçi projeleri beceri enjeksiyonu ile çalıştırır, geliştirme sunucularını başlatır, her şeyin çalıştığını doğrular, analiz eder…

End-to-end benchmark suite for vercel-plugin. Runs realistic projects through skill injection, launches dev servers, verifies everything works, analyzes…

Run vercel-plugin eval scenarios in Vercel Sandboxes instead of local WezTerm panels. Provisions ephemeral microVMs with Claude Code + plugin pre-installed,…

Run vercel-plugin eval scenarios in Vercel Sandboxes instead of local WezTerm panels. Provisions ephemeral microVMs with Claude Code + plugin pre-installed,…

Create and launch benchmark test projects to exercise vercel-plugin skill injection across realistic scenarios. Sets up isolated directories, installs the…

Create and launch benchmark test projects to exercise vercel-plugin skill injection across realistic scenarios. Sets up isolated directories, installs the…

Vercel'e bağlı kaynaklara (veritabanları, kimlik doğrulama ve yönetilen entegrasyonlar) bağımlı olan depolar için proje başlatma orkestratörü. Kurulum yaparken veya…

Vercel'e bağlı kaynaklara (veritabanları, kimlik doğrulama ve yönetilen entegrasyonlar) bağımlı olan depolar için proje başlatma orkestratörü. Kurulum yaparken veya…

Comprehensive guide for building modern, accessible, and composable UI components. Covers component taxonomy (primitives, components, blocks, templates), core design principles, and accessibility implementation including ARIA, keyboard navigation, and WCAG compliance Includes patterns for composable APIs, polymorphism, controlled/uncontrolled state, and the as-child pattern for flexible element composition Provides guidance on design tokens, theming systems, styling approaches, and using...

API yanıt test fikstürünü yakala.

Store and manage API response test fixtures for provider parsing validation. Fixtures are organized in __fixtures__ subfolders within provider packages, using naming conventions documented in existing examples Supports two testing patterns: generateText (log raw response to console and copy into fixture) and streamText (use includeRawChunks and saveRawChunks helper to capture streaming chunks) Recommends storing true provider responses unless size constraints require semantic-preserving cuts...

Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear ve WhatsApp üzerinde sohbet botları oluşturmak için birleşik TypeScript SDK. Bot mantığını bir kez yaz, her yere dağıt.

Vercel Chat SDK expert guidance. Use when building multi-platform chat bots — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — with a…

Sohbet botlarını bir kez yazın, Slack, Teams, Google Chat, Discord, GitHub ve Linear üzerinde dağıtın. Platformdan bağımsız olay işleyicileri (bahsetmeler, mesajlar, tepkiler, eğik çizgi komutları, eylemler) ve tüm platformlarda normalleştirilmiş mesaj formatı sunan birleşik TypeScript SDK. AI SDK entegrasyonu ile yapay zeka yanıtları için yerleşik akış desteği ve butonlar, açılır menüler ve form modal pencereleri içeren JSX tabanlı etkileşimli kartlar. Redis, PostgreSQL veya bellek içi kalıcılık için takılabilir durum bağdaştırıcıları; webhook işleyicileri...

Vercel Chat SDK expert guidance. Use when building multi-platform chat bots — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — with a…

Başsız CMS entegrasyon rehberi — Sanity (yerel Vercel Marketplace), Contentful, DatoCMS, Storyblok ve Builder.io. Stüdyo kurulumu, içerik modelleme,…

Başsız CMS entegrasyon rehberi — Sanity (yerel Vercel Marketplace), Contentful, DatoCMS, Storyblok ve Builder.io. Stüdyo kurulumu, içerik modelleme,…

Reviews code changes and provides actionable feedback. Use when the user asks to review a PR, diff, commit, or code changes. Triggers on "/review", "review…

json-render için kod oluşturma yardımcıları. UI şartnamelerinden kod oluştururken, özel kod dışa aktarıcıları oluştururken, şartnameleri tararken veya özellikleri serileştirirken kullanın…

Schema definition, catalog creation, and AI prompt generation for json-render specs. Define schemas with typed specs and catalogs using defineSchema , then create catalogs mapping component names to their props and descriptions Generate AI system prompts from catalogs with optional custom rules; supports spec streaming via JSONL patches with createSpecStreamCompiler Dynamic prop expressions enable state binding ( $state , $bindState ), conditionals ( $cond ), templating ( $template ), and...

Comprehensive guide for migrating Create React App (CRA) projects to Next.js. Use when migrating a CRA app, converting React Router to file-based routing, or…

Create Remotion videos using the Geist design system aesthetic. Use when asked to create videos, animations, or motion graphics that should follow Vercel's…

Vercel Cron Jobs yapılandırması ve en iyi uygulamalar. vercel.json dosyasında zamanlanmış görevler eklerken, düzenlerken veya hata ayıklarken kullanın.

Vercel Cron Jobs yapılandırması ve en iyi uygulamalar. vercel.json dosyasında zamanlanmış görevler eklerken, düzenlerken veya hata ayıklarken kullanın.

Bash araçlarını kullanarak CSV verilerini analiz et ve dönüştür

Bağımsız AI uygulamalarında (Codex, Cursor, Claude Code) d3k'yi başlat: dev3000'ü algıla/kur, çalışma zamanı olarak d3k'yi başlat ve birleşik günlükler ile CDP tarayıcısını kullan…

Use this skill when changing conditional require() paths, Node-only imports, or edge/runtime branching.

Use deepsec (an AI-powered vulnerability scanner) — running scans, configuring projects, writing matchers, and authoring plugins. Activates when the user asks…

Uygulamaları Vercel'e dağıtın. Kullanıcı "deploy", "Vercel'e dağıt", "prodüksiyona gönder", "uygulamamı dağıt" veya "yayına al" dediğinde kullanın.

Kullanıcıya, kendi Open Harness kopyasını dağıtmak için gereken kimlik bilgilerini toplama, bu depoyu Vercel'de dağıtma ve ilk çalıştırmayı tamamlama sürecinde rehberlik eder…

Deploy applications and websites to Vercel with automatic git integration and preview URLs. Supports three deployment paths: git-push (ideal for linked projects), direct CLI deployment, and no-auth fallback for sandboxed environments Automatically detects project state (linked via .vercel/project.json or .vercel/repo.json , git remote presence, CLI authentication) and chooses the best deployment method Handles team selection for multi-team accounts and uses --scope to deploy to the correct...

Uygulamaları ve web sitelerini Vercel'e dağıtın. Kullanıcı "uygulamamı dağıt", "dağıt ve bana linki ver", "bunu gönder…" gibi dağıtım eylemleri talep ettiğinde kullanın.

Vercel deployment and CI/CD expert guidance. Use when deploying, promoting, rolling back, inspecting deployments, building with --prebuilt, or configuring CI…

Vercel deployment and CI/CD expert guidance. Use when deploying, promoting, rolling back, inspecting deployments, building with --prebuilt, or configuring CI…

Develop examples for AI SDK functions. Use when creating, running, or modifying examples under examples/ai-functions/src to validate provider support,…

AI SDK fonksiyonları için geliştirme ve doğrulama betikleri, birden fazla sağlayıcı ve yetenek kapsamında. AI SDK fonksiyon kategorisine göre düzenlenmiştir (metin oluşturma, akış, yapılandırılmış çıktı, gömme, görüntü oluşturma, konuşma, transkripsiyon, yeniden sıralama ve ajanlar). Dosya adlandırma kuralı, sağlayıcı ve özellik kombinasyonlarını eşler (örneğin, openai-tool-call.ts, amazon-bedrock-anthropic-cache-control.ts) hızlı tanımlama için. Hata yönetimi, ortam yükleme,... için paylaşılan yardımcı araçlar içerir.

Herhangi bir json-render uygulaması için anlık denetçi paneli. Kullanıcı üretken bir kullanıcı arayüzünü hata ayıklamak, spec ağacını incelemek, çalışma zamanında durumu düzenlemek, dağıtılanları görmek istediğinde kullanın…

json-render için önceden oluşturulmuş özel yönergeler — biçimlendirme, matematik, dize işleme ve i18n. @json-render/directives ile çalışırken, özel tanımlama yaparken kullanın…

Vercel'in Edge Runtime'ı için uzman rehberlik — Vercel Edge Functions ve Middleware için hafif JavaScript çalışma zamanı. Edge oluştururken veya yapılandırırken kullanın…

Electron masaüstü uygulamalarını (VS Code, Slack, Discord, Figma, Notion, Spotify vb.) Chrome DevTools Protokolü aracılığıyla agent-browser kullanarak otomatikleştirin. Kullanıcı şu durumlarda kullanın…

E-posta gönderme entegrasyon rehberi — React Email şablonlarıyla Resend (yerel Vercel Marketplace). API kurulumu, işlemsel e-postalar, alan adı…

E-posta gönderme entegrasyon rehberi — React Email şablonlarıyla Resend (yerel Vercel Marketplace). API kurulumu, işlemsel e-postalar, alan adı…

Bu beceri, Emil Kowalski'nin UI cilası, bileşen tasarımı, animasyon kararları ve yazılımı harika hissettiren görünmez detaylar üzerine felsefesini kodlar.

Local drop-in API emulator for Vercel, GitHub, Google, Slack, Apple, Microsoft, and AWS. Use when the user needs to start emulated services, configure seed…

Vercel environment variable expert guidance. Use when working with .env files, vercel env commands, OIDC tokens, or managing environment-specific configuration.

Vercel environment variable expert guidance. Use when working with .env files, vercel env commands, OIDC tokens, or managing environment-specific configuration.

Vercel Academy'deki Building Filesystem Agents dersi için bilgili bir öğretim asistanısınız. Öğrencilerin, yapılandırılmış verilerle ilgili soruları yanıtlamak için bash ile dosya sistemlerinde gezinmelerine yardımcı oluyorsunuz.

Discover and install specialized agent skills from the open ecosystem when users need extended capabilities. Helps identify relevant skills by domain and task when users ask "how do I do X" or "find a skill for X" Integrates with the Skills CLI ( npx skills find , npx skills add ) to search, verify, and install packages from the skills.sh directory Recommends skills based on install count, source reputation, and GitHub stars to ensure quality before suggesting installation Presents skill...

Bu beceriyi, Next.js iç yapısındaki framework özellik bayraklarını eklerken veya değiştirirken kullanın.

Flags SDK (flags npm paketi), Next.js ve SvelteKit için bir özellik bayrakları araç setidir. Her özellik bayrağını çağrılabilir bir fonksiyona dönüştürür, adaptörler aracılığıyla herhangi bir bayrak sağlayıcısıyla çalışır ve ön hesaplama desenini kullanarak sayfaları statik tutar. Vercel Flags, birinci taraf sağlayıcıdır ve bayrakları Vercel panosundan veya vercel flags CLI'den yönetmenize olanak tanır.

Ayırt edici, üretim kalitesinde ön yüz arayüzleri yüksek tasarım kalitesiyle oluşturun. Kullanıcı web bileşenleri, sayfalar, yapılar oluşturmayı istediğinde bu beceriyi kullanın.

Ayırt edici, üretim kalitesinde ve yüksek tasarım kalitesine sahip ön yüz arayüzleri oluşturun. Kullanıcı web bileşenleri, sayfalar, yapılar oluşturmayı istediğinde bu yeteneği kullanın.

Expert guidance for Geist, Vercel's default typography system and font family for precise Next.js interfaces. Use when configuring Geist Sans, Geist Mono, or…

Geist, Vercel'in varsayılan tipografi sistemi ve hassas Next.js arayüzleri için font ailesi konusunda uzman rehberlik. Geist Sans, Geist Mono veya… yapılandırırken kullanın.

Geist tasarım sistemini kullanarak Next.js uygulamaları olarak keşfedici, etkileşimli öğrenme deneyimleri oluşturun. Eğitimler, keşfedilebilir açıklamalar oluştururken kullanın,…

Geistdocs, Vercel'in Next.js ve Fumadocs ile oluşturulmuş dokümantasyon şablonu için uzman rehberlik — MDX yazarlığı, yapılandırma, AI sohbet, i18n, geri bildirim,…

Geistdocs, Vercel'in Next.js ve Fumadocs ile oluşturulmuş dokümantasyon şablonu için uzman rehberlik — MDX yazarlığı, yapılandırma, AI sohbet, i18n, geri bildirim,…

Emulated GitHub REST API for local development and testing. Use when the user needs to interact with GitHub API endpoints locally, test GitHub integrations,…

Yerel geliştirme ve test için taklit edilmiş Google OAuth 2.0, OpenID Connect, Gmail, Takvim ve Drive. Kullanıcının Google oturum açmayı test etmesi gerektiğinde kullanın…

json-render için JSON şartnamelerini Satori aracılığıyla SVG ve PNG görüntülerine dönüştüren görüntü oluşturucu. @json-render/image ile çalışırken, OG görüntüleri oluştururken kullanın…

Ink terminal renderer for json-render, JSON şartnamelerini etkileşimli terminal arayüzlerine dönüştürür. @json-render/ink ile çalışırken, terminal arayüzleri oluştururken kullanın.

Spin up a portless + tmux dev session for the Workflow SDK that gives each git worktree isolated `<branch>.<name>.localhost` URLs for the Next.js workbench and…

Orchestrated debugging coordinator. Triggers on frustration signals (stuck, hung, broken, waiting) and systematically triages: runtime logs → workflow status →…

Orchestrated debugging coordinator. Triggers on frustration signals (stuck, hung, broken, waiting) and systematically triages: runtime logs → workflow status →…

Issız bir adadan nasıl kurtulunur

How to be rescued from a lonely island

Jotai adapter for json-render's StateStore interface. Use when integrating json-render with Jotai for state management via @json-render/jotai.

AI chat response rendering guidance — handling UIMessage parts, tool call displays, streaming states, and structured data presentation. Use when building…

AI chat response rendering guidance — handling UIMessage parts, tool call displays, streaming states, and structured data presentation. Use when building…

Schema definition, catalog creation, and spec streaming for AI-driven JSON rendering. Define schemas with typed specs and component catalogs using defineSchema and defineCatalog ; generate AI prompts automatically or with custom rules Support dynamic prop expressions including state binding ( $state , $bindState ), conditionals ( $cond ), templates, and computed functions Stream AI responses as JSONL patches using createSpecStreamCompiler for progressive spec building Built-in validation,...

json-render için, JSON şartnamelerini Satori aracılığıyla SVG ve PNG görüntülerine dönüştüren görüntü oluşturucu. @json-render/image ile çalışırken, OG görüntüleri oluştururken kullanın…

JSON şartnamelerini, durum yönetimi ve dinamik ifadelerle tip güvenli React bileşen ağaçlarına dönüştürür. Öğe ağaçları, $bindState ile çift yönlü veri bağlama, koşullu oluşturma ve hesaplanmış ifadeler içeren bildirimsel UI şartnamelerini destekler. StateProvider aracılığıyla yerleşik durum yönetimi, isteğe bağlı harici mağaza entegrasyonu (Redux, Zustand, XState) ve JSON Pointer tabanlı durum yolları sunar. Eylem dağıtımı, durum izleyicileri ve dört yerleşik eylem (setState, ...) içeren olay sistemi.

React Email renderer for json-render that turns JSON specs into HTML or plain-text emails using @react-email/components and @react-email/render. Use when…

json-render için React Native oluşturucusu; JSON şartnamelerini yerel mobil arayüzlere dönüştürür. @json-render/react-native ile çalışırken, React Native arayüzleri oluştururken kullanın…

Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from…

json-render için önceden oluşturulmuş shadcn/ui bileşenleri. @json-render/shadcn ile çalışırken, bir kataloğa standart UI bileşenleri eklerken veya web arayüzleri oluştururken kullanın…

Corrects outdated LLM knowledge about the Vercel platform and introduces new products. Injected at session start.

Corrects outdated LLM knowledge about the Vercel platform and introduces new products. Injected at session start.

Bir npm paket tarball'ının içeriğini yayınlamadan önce listeleyin. Kullanıcının bir npm paketinde hangi dosyaların bulunduğunu görmek, paketi doğrulamak istediğinde kullanın…

npm paketinin tarball içeriğini yayınlamadan önce inceleyerek hangi dosyaların dağıtılacağını doğrular. npm'e yüklenecek tam dosyaları listeler, yayın öncesinde eksik veya istenmeyen dosyaların yakalanmasına yardımcı olur. package.json'daki files alanı, .npmignore ve .gitignore kurallarına saygı göstererek gerçek paket içeriğini gösterir. Tek bir komutla paketi otomatik olarak oluşturur, tarball yaratır, içeriği görüntüler ve temizlik yapar. Basit bir bash betiği ile paket dizininden çalıştırılır; şunlar için kullanışlıdır...

Vercel dağıtım günlüklerini görüntüleyin. Kullanıcı "günlükleri göster", "günlükleri kontrol et", "vercel günlükleri" veya "dağıtımda ne yanlış gitti" dediğinde kullanın.

Context for working on the next AI SDK major release. Only use when explicitly invoked by the user (e.g. via '/major-version-mode'). Do NOT trigger…

Bir sonraki AI SDK ana sürümü üzerinde çalışmak için bağlam. Yalnızca kullanıcı tarafından açıkça çağrıldığında kullanın (örneğin '/major-version-mode' ile). TETİKLEMEYİN…

Vercel Marketplace uzman rehberliği — entegrasyonları keşfetme, kurma ve oluşturma, otomatik sağlanan ortam değişkenleri, birleşik faturalandırma ve…

Vercel Marketplace uzman rehberliği — entegrasyonları keşfetme, kurma ve oluşturma, otomatik sağlanan ortam değişkenleri, birleşik faturalandırma ve…

Bir Sitecore Marketplace uygulamasına AI Yetenekleri entegrasyonu (Marka İnceleme API'si) ekler. Kullanıcının AI destekli içerik analizi, marka incelemesi veya marka… eklemek istediğinde kullanın.

Sitecore Marketplace uygulamasına yeni bir eklenti noktası rotası ekler. Kullanıcının özel bir alan, gösterge paneli bileşeni, bağlam paneli, tam ekran… eklemek istediğinde kullanılır.

Adds XM Cloud API integration to a Sitecore Marketplace app. Use when the user wants to access Sites, Pages, Authoring, Content Transfer, Search, or Agent APIs…

Builds UI components using the Blok design system for Sitecore Marketplace apps. Use when the user wants to create UI, add components, build a page layout, or…

Sitecore Marketplace uygulamasını doğru CSP başlıkları ve yapılandırma ile Vercel'e dağıtır.

Scaffolds a new Sitecore Marketplace app using the official SDK. Use when the user wants to create a new marketplace app, start a new Sitecore project, or…

Sitecore Marketplace SDK API reference. Use when the user asks about SDK methods, types, queries, mutations, subscriptions, or how to use any Sitecore…

MCP uygulamalarının json-render ile entegrasyonu. Claude, ChatGPT, Cursor veya VS Code'da etkileşimli arayüzler oluşturan MCP sunucuları geliştirirken veya entegrasyon yaparken kullanın.

Vercel tarafından geliştirilen asenkron HTTP mikroservis çerçevesi micro için uzman rehberlik. Hafif HTTP sunucuları, API uç noktaları veya mikroservisler oluştururken kullanın…

Vercel tarafından geliştirilen asenkron HTTP mikroservis çerçevesi micro için uzman rehberlik. Hafif HTTP sunucuları, API uç noktaları veya mikroservisler oluştururken kullanın…

Yerel geliştirme ve test için Microsoft Entra ID (Azure AD) OAuth 2.0 / OpenID Connect öykünmesi. Kullanıcının Microsoft oturum açma işlemini yerel olarak test etmesi gerektiğinde kullanılır,…

Temporal, Inngest, Trigger.dev ve AWS Step Functions iş akışlarını Workflow SDK'ya taşır. Activities, Workers, Signals, step.run(),… taşınırken kullanılır.

Expert guidance for @vercel/ncc — a simple CLI for compiling Node.js modules into a single file with all dependencies included. Use when bundling serverless…

Next.js adapter for embedding emulators directly in a Next.js app via @emulators/adapter-next. Use when the user needs to embed emulators in Next.js, set up…

Next.js renderer, JSON şartnamelerini rotalar, düzenler, SSR ve meta verilerle tam Next.js uygulamalarına dönüştüren json-render için bir araçtır. Şununla çalışırken kullanın…

Next.js en iyi uygulamaları - dosya kuralları, RSC sınırları, veri desenleri, async API'ler, meta veriler, hata yönetimi, rota işleyicileri, resim/yazı tipi optimizasyonu,…

Comprehensive Next.js development guidelines covering file structure, RSC patterns, data fetching, optimization, and error handling. Covers 15+ topic areas including file conventions, route segments, RSC boundaries, async patterns, metadata generation, and image/font optimization Provides runtime selection guidance, directive usage, and error handling strategies with specific file conventions like error.tsx and not-found.tsx Includes data fetching patterns, route handler best practices,...

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization,…

Next.js en iyi uygulamaları - dosya kuralları, RSC sınırları, veri desenleri, async API'ler, meta veriler, hata yönetimi, rota işleyicileri, resim/yazı tipi optimizasyonu,…

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization,…

Next.js en iyi uygulamaları - dosya kuralları, RSC sınırları, veri desenleri, async API'ler, meta veri, hata yönetimi, rota işleyicileri, resim/yazı tipi optimizasyonu,…

Eğer next-browser zaten PATH'te değilse, kullanıcının paket yöneticisiyle @vercel/next-browser'ı global olarak kurun, ardından playwright install chromium komutunu çalıştırın.

Tek bir Next.js rotasında statik, önbelleğe alınmış ve dinamik içeriği Kısmi Ön İşleme ile karıştırın. next.config.ts içinde cacheComponents: true ile etkinleştirin; eski deneysel ppr bayrağının yerini alır. Argümanlara ve kapanımlara dayalı otomatik anahtar oluşturma ile async verilerini önbelleğe almak için dosya, bileşen veya işlev düzeyinde 'use cache' yönergesini kullanın. Yerleşik profiller ( 'minutes' , 'hours' , 'days' , 'weeks' , 'max' ) veya stale ile satır içi yapılandırma kullanarak cacheLife() ile önbellek ömrünü kontrol edin,...

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

Next.js 16 Önbellek Bileşenleri rehberi — PPR, use cache yönergesi, cacheLife, cacheTag, updateTag ve unstable_cache'den geçiş. Şu durumlarda kullanılır…

Next.js 16 Önbellek Bileşenleri - PPR, use cache yönergesi, cacheLife, cacheTag, updateTag

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

Next.js 16 Önbellek Bileşenleri rehberi — PPR, use cache yönergesi, cacheLife, cacheTag, updateTag ve unstable_cache'den geçiş. Uygularken kullanın…

Check Next.js compilation errors via a running dev server. Turbopack only. MANDATORY after every code edit before reporting work complete. Replaces `next…

next-forge expert guidance — production-grade Turborepo monorepo SaaS starter by Vercel. Use when working in a next-forge project, scaffolding with `npx…

next-forge için uzman yardımı — Next.js SaaS uygulamaları için üretim seviyesinde bir Turborepo şablonu. next-forge kurulumu, yapılandırması ve… hakkındaki sorularda tetiklenir.

next-forge expert guidance — production-grade Turborepo monorepo SaaS starter by Vercel. Use when working in a next-forge project, scaffolding with `npx…

Automated Next.js version upgrades with official codemods and migration guide integration. Detects current Next.js version from package.json and fetches version-specific upgrade documentation from official guides Runs Next.js codemods automatically to handle breaking changes like async Request APIs, geo/IP property migrations, and dynamic import transformations Handles incremental upgrades for major version jumps (e.g., 13 → 14 → 15) and updates peer dependencies (React, React DOM,...

Next.js'i resmi geçiş kılavuzları ve kod dönüşümleri izleyerek en son sürüme yükseltin

Upgrade Next.js to the latest version following official migration guides and codemods. Use when upgrading Next.js versions, running codemods, or migrating…

Next.js'i resmi geçiş kılavuzları ve kod dönüşümleri izleyerek en son sürüme yükseltin

Upgrade Next.js to the latest version following official migration guides and codemods

Upgrade Next.js to the latest version following official migration guides and codemods. Use when upgrading Next.js versions, running codemods, or migrating…

Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache…

Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache…

OAuth sağlayıcılarını (Google, Apple, Microsoft, Facebook, GitHub, vb.) portless yerel geliştirme URL'leriyle çalışacak şekilde yapılandırın. OAuth yönlendirme URI'ları ayarlanırken kullanın,…

Vercel Observability uzman rehberliği — Drenajlar (loglar, izler, hız içgörüleri, web analitiği), Web Analitiği, Hız İçgörüleri, çalışma zamanı logları, özel etkinlikler,…

Vercel Observability expert guidance — Drains (logs, traces, speed insights, web analytics), Web Analytics, Speed Insights, runtime logs, custom events,…

Bağımlılık kaynak kodunu getirerek AI ajanlarına daha derin uygulama bağlamı sağlar. Ajanın bir kütüphanenin dahili olarak nasıl çalıştığını anlaması gerektiğinde kullanın, okuyun…

Stripe ödeme entegrasyon rehberi — yerel Vercel Marketplace kurulumu, ödeme oturumları, webhook yönetimi, abonelik faturalandırması ve Stripe SDK. Şu durumlarda kullanın…

Stripe payments integration guidance — native Vercel Marketplace setup, checkout sessions, webhook handling, subscription billing, and the Stripe SDK. Use when…

Önemsiz olmayan görevleri uygulamadan önce bütünsel, sistem bilincine sahip planlama yapın. Görev yeni özellikler, mimari kararlar, çoklu dosya değişiklikleri içerdiğinde kullanın.

Audit vercel-plugin performance on real-world projects. Extracts tool calls from Claude Code conversation logs, tests hook matching against actual inputs,…

Gerçek dünya projelerinde vercel-plugin performansını denetler. Claude Code konuşma günlüklerinden araç çağrılarını çıkarır, gerçek girdilere karşı hook eşleştirmesini test eder,…

Geliştirme sunucuları için adlandırılmış .localhost URL'leri kullanarak port çakışmalarını ve sabit port numaralarını ortadan kaldırır. Rastgele boş portları (4000–4999) otomatik olarak atar ve adlandırılmış alt alan adlarını (ör. myapp.localhost:1355) ters proxy aracılığıyla 1355 portundaki doğru uygulamaya yönlendirir. Git worktree'lerini otomatik olarak algılar ve her worktree'nin yapılandırma değişikliği gerektirmeden benzersiz bir URL alması için dal adlarını alt alan adı öneki olarak ekler. Otomatik oluşturulan yerel CA sertifikalarıyla HTTPS üzerinden HTTP/2'yi destekler; proxy için CLI komutlarını içerir...

Use this skill when the user asks about PR status, CI failures, or review comments in the Next.js monorepo.

Yaratıcı kodlama ve gerçek zamanlı grafikler için minimal WebGPU gölgelendirici kütüphanesi. Tam ekran geçişleri, parçacıklar, hesaplama gölgelendiricileri, işleme hedefleri ve ping-pong… sağlar.

JSON şartnamelerini, tür güvenli prop'lar ve durum yönetimi ile React bileşen ağaçlarına dönüştürün. Bileşen prop'ları için Zod şemalarıyla kataloglar tanımlayın, ardından otomatik tür güvenliği ve doğrulama ile bileşenleri uygulayın. StateProvider ile yerleşik durum yönetimi ( $bindState ile iki yönlü bağlama), koşullu oluşturma ve harici mağaza entegrasyonu (Redux, Zustand, XState) Eylem dağıtımı, durum izleyicileri ve dört yerleşik eylem (setState, pushState, removeState,...) içeren olay sistemi

Vercel Mühendisliği'nden React ve Next.js performans optimizasyonu yönergeleri. Bu yetenek, React/Next.js kodu yazarken, gözden geçirirken veya yeniden düzenlerken en iyi performans kalıplarını sağlamak için kullanılmalıdır. React bileşenleri, Next.js sayfaları, veri getirme, paket optimizasyonu veya performans iyileştirmeleri içeren görevlerde tetiklenir.

React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure,…

React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure,…

React Email renderer for json-render that turns JSON specs into HTML or plain-text emails using @react-email/components and @react-email/render. Use when…

React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs…

React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF…

React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering…

Use this skill for changes touching vendored React, react-server-dom-webpack/* , or react-server layer boundaries.

Redux adapter for json-render's StateStore interface. Use when integrating json-render with Redux or Redux Toolkit for state management via @json-render/redux.

Release vercel-plugin — run gates, bump version, generate artifacts, commit, and push. Use when asked to "release", "ship", "bump and push", or "cut a release".

Release vercel-plugin — run gates, bump version, generate artifacts, commit, and push. Use when asked to "release", "ship", "bump and push", or "cut a release".

JSON zaman çizelgesi özelliklerini videolara dönüştüren json-render için Remotion renderlayıcı. @json-render/remotion ile çalışırken, video kompozisyonları oluştururken kullanın.

Best practices for Remotion - Video creation in React

Removes Open Harness hosted demo restrictions from a fork. Use when a maintainer wants to remove managed-template trial caps, hosted deployment gating, or…

Emulated Resend email API for local development and testing. Use when the user needs to send emails locally, test transactional email flows, implement magic…

Bu beceriyi, ön getirme istekleri, istemci yönlendirici gezintileri veya segment önbelleği içeren testler yazarken veya değiştirirken kullanın. test/lib/router-act.ts dosyasındaki createRouterAct yardımcı programı, tam istek sayısına veya protokol ayrıntılarına bağlı kalmadan uçtan uca ön getirme ve gezinti yanıtlarını doğrulamanıza olanak tanır. Bu nedenle çoğu istemci yönlendiriciyle ilgili test bu deseni kullanır.

Vercel Routing Middleware rehberi — önbellek öncesi istek müdahalesi, yeniden yazmalar, yönlendirmeler, kişiselleştirme. Herhangi bir framework ile çalışır. Edge, Node.js destekler,…

Vercel Routing Middleware guidance — request interception before cache, rewrites, redirects, personalization. Works with any framework. Supports Edge, Node.js,…

Vercel Runtime Cache API rehberi — etiket tabanlı geçersiz kılma ile bölge başına geçici anahtar-değer önbelleği. Fonksiyonlar, Yönlendirme Ara Katmanı ve Derlemeler arasında paylaşılır.…

Vercel Runtime Cache API guidance — ephemeral per-region key-value cache with tag-based invalidation. Shared across Functions, Routing Middleware, and Builds.…

Use this skill when reproducing runtime-bundle, module-resolution, or user-bundle inclusion regressions.

Creates isolated Linux MicroVMs using Vercel Sandbox SDK. Use when building code execution environments, running untrusted code, spinning up dev servers,…

Satori — Vercel'in HTML ve CSS'yi SVG'ye dönüştüren, genellikle Next.js ve diğer framework'ler için dinamik OG görselleri oluşturmakta kullanılan kütüphanesi için uzman rehberlik.

Expert guidance for Satori — Vercel's library that converts HTML and CSS to SVG, commonly used to generate dynamic OG images for Next.js and other frameworks.

Vercel CLI ve proje yapılandırmasını kurar. Kullanıcı "Vercel kur", "Vercel yapılandır", "Vercel'e bağlan" veya "vercel init" dediğinde kullanılır.

Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with…

shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface…

shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface…

Önceden oluşturulmuş shadcn-svelte bileşenleri, json-render Svelte uygulamaları için. @json-render/shadcn-svelte ile çalışırken, bir Svelte uygulamasına standart UI bileşenleri eklemek için kullanın…

Sign in with Vercel guidance — OAuth 2.0/OIDC identity provider for user authentication via Vercel accounts. Use when implementing user login with Vercel as…

Sign in with Vercel guidance — OAuth 2.0/OIDC identity provider for user authentication via Vercel accounts. Use when implementing user login with Vercel as…

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's…

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's…

Emulated Slack API for local development and testing. Use when the user needs to interact with Slack API endpoints locally, test Slack integrations, emulate…

Use when working on Slack agent/bot code, Chat SDK applications, Bolt for JavaScript projects, or projects using @chat-adapter/slack or @slack/bolt. Provides…

SolidJS renderer for json-render. Use when building @json-render/solid catalogs/registries, wiring Renderer providers, implementing bindings/actions, or…

Streamdown streaming-markdown expert guidance. Use when rendering streaming Markdown from AI models, building chat UIs with real-time content, or replacing…

Akışa optimize edilmiş React Markdown işleyicisi; sözdizimi vurgulama, diyagramlar, matematik ve AI sohbet entegrasyonu ile. Dört isteğe bağlı eklentiyi destekler: Shiki ile kod sözdizimi vurgulama (200'den fazla dil), Mermaid diyagramları, LaTeX matematik işleme ve Çince-Japonca-Korece metin desteği. İki işleme modu: akış (AI sohbeti için animasyonlu imleç imleci ile) ve statik (bloglar ve dokümantasyon için). Bağlantı güvenlik uyarıları, HTML etiketi filtreleme, URL temizleme ve yapılandırılabilir öğe... gibi yerleşik güvenlik özellikleri.

Yerel geliştirme ve test için emüle edilmiş Stripe API'si. Kullanıcının yerel olarak ödeme işlemesi, ödeme akışlarını test etmesi, müşteri oluşturması, yönetmesi gerektiğinde kullanın…

styled-jsx için uzman rehberlik — React ve Next.js için kapsamlı CSS-in-JS. styled-jsx babel eklentisiyle bileşen kapsamlı stiller yazarken kullanılır, kullanarak…

Svelte 5 renderer for json-render that turns JSON specs into Svelte component trees. Use when working with @json-render/svelte, building Svelte UIs from JSON,…

SWR data-fetching expert guidance. Use when building React apps with client-side data fetching, caching, revalidation, mutations, optimistic UI, pagination, or…

SWR veri çekme uzman rehberliği. İstemci tarafında veri çekme, önbellekleme, yeniden doğrulama, mutasyonlar, iyimser arayüz, sayfalama veya… ile React uygulamaları oluştururken kullanın.

Bash araçlarını kullanarak metin dosyalarını analiz edin ve dönüştürün

Turbopack expert guidance. Use when configuring the Next.js bundler, optimizing HMR, debugging build issues, or understanding the Turbopack vs Webpack…

Turbopack uzman rehberliği. Next.js paketleyicisini yapılandırırken, HMR'yi optimize ederken, derleme sorunlarını giderirken veya Turbopack ile Webpack arasındaki farkı anlarken kullanın.

Turborepo expert guidance. Use when setting up or optimizing monorepo builds, configuring task caching, remote caching, parallel execution, or the --affected…

Build system for JavaScript/TypeScript monorepos. Turborepo caches task outputs and runs tasks in parallel based on dependency graph.

Build system for JavaScript/TypeScript monorepos. Turborepo caches task outputs and runs tasks in parallel based on dependency graph.

Monorepo build system with intelligent task caching, parallel execution, and dependency graph orchestration. Caches task outputs and runs tasks in parallel based on declared dependencies; supports remote caching for CI/CD workflows Filters and runs only changed packages with --affected , or use --filter for custom package selection Configures tasks in turbo.json with dependsOn , outputs , inputs , and env keys; supports package-specific overrides via Package Configurations Enforces monorepo...

Turborepo expert guidance. Use when setting up or optimizing monorepo builds, configuring task caching, remote caching, parallel execution, or the --affected…

Klonlama gerektiğinde:

Guided workflow for updating Next.js documentation based on code changes and PR reviews. Analyzes git diffs to identify affected documentation files using a code-to-docs mapping reference Provides templates and conventions for scaffolding new feature docs (components, functions, config, guides, file conventions) Walks through step-by-step updates to existing documentation with user confirmation before each change Includes validation checklist and linting commands to ensure formatting...

Mevcut AI SDK sağlayıcıları için yeni model kimlikleri ekleyin veya kullanımdan kaldırılanları kaldırın. Bir sağlayıcıya model eklerken, kullanımdan kaldırılan bir modeli kaldırırken veya bir listeyi işlerken kullanın…

Mevcut AI SDK sağlayıcıları için yeni model kimlikleri ekleyin veya kullanımdan kaldırılanları kaldırın. Bir sağlayıcıya model eklerken, kullanımdan kaldırılan bir modeli kaldırırken veya bir listeyi işlerken kullanın…

v0 by Vercel expert guidance. Use when discussing AI code generation, generating UI components from prompts, v0 CLI usage, v0 SDK/API integration, or…

v0 tarafından Vercel uzman rehberliği. AI kod üretimi, istemlerden UI bileşenleri oluşturma, v0 CLI kullanımı, v0 SDK/API entegrasyonu veya… hakkında konuşurken kullanın.

Use this skill when writing or optimizing performance-critical code paths in Next.js server internals — especially per-request hot paths like rendering, streaming, routing, and caching.

Emulated Vercel REST API for local development and testing. Use when the user needs to interact with Vercel API endpoints locally, test Vercel integrations,…

Uygulamaları ve web sitelerini Vercel'e dağıtın. Kullanıcı "Uygulamamı dağıt", "Bunu üretime dağıt", "Önizleme dağıtımı oluştur", "Dağıt ve bana bağlantıyı ver" veya "Bunu canlıya al" gibi dağıtım eylemleri talep ettiğinde bu beceriyi kullanın. Kimlik doğrulama gerekmez - önizleme URL'si ve sahiplenilebilir dağıtım bağlantısı döndürür.

Vercel Agent guidance — AI-powered code review, incident investigation, and SDK installation. Automates PR analysis and anomaly debugging. Use when configuring…

Vercel Agent guidance — AI-powered code review, incident investigation, and SDK installation. Automates PR analysis and anomaly debugging. Use when configuring…

Vercel AI SDK (Python) - patterns for building LLM-powered apps with streaming, tools, hooks, and structured output

Vercel MCP ve REST API uzman rehberliği. Ajanın Vercel projelerine, dağıtımlara, ortam değişkenlerine, alan adlarına, günlüklere veya… canlı erişime ihtiyacı olduğunda kullanın.

Vercel MCP and REST API expert guidance. Use when the agent needs live access to Vercel projects, deployments, environment variables, domains, logs, or…

Deploy, manage, and develop projects on Vercel from the command line

Vercel CLI uzman rehberliği. Dağıtım yaparken, ortam değişkenlerini yönetirken, projeleri bağlarken, günlükleri görüntülerken, metrikleri sorgularken, alan adlarını yönetirken veya… kullanın.

Command-line interface for deploying, managing, and developing Vercel projects locally and in CI/CD pipelines. Requires explicit project linking via vercel link (single project) or vercel link --repo (monorepos); commands must run from the directory containing .vercel/ folder Core workflows: vercel dev for local development, vercel deploy for preview deployments, vercel --prod for production Supports environment variables, domains, DNS, blob storage, integrations, Node.js backends,...

Vercel'de token tabanlı kimlik doğrulama kullanarak projeleri dağıtın ve yönetin. Etkileşimli giriş yerine erişim tokenları ile Vercel CLI kullanırken kullanın —…

Vercel'de token tabanlı kimlik doğrulama kullanarak projeleri dağıtın ve yönetin. Etkileşimli giriş yerine erişim tokenları ile Vercel CLI kullanırken kullanın —…

React kompozisyon desenleri, bileşenleri ölçeklendirmek ve boolean prop çoğalmasını önlemek için. Dört öncelik kategorisini kapsar: bileşen mimarisi, durum yönetimi, uygulama desenleri ve React 19 API'leri, her biri belirli kurallar ve kod örnekleriyle birlikte. Bileşik bileşenler, bağlam sağlayıcıları, durum yükseltme ve açık varyantları ele alan 10'dan fazla adlandırılmış desen içerir. Şişmiş bileşenleri yeniden düzenlemek, yeniden kullanılabilir kütüphaneler oluşturmak ve bileşen mimarisi kararlarını gözden geçirmek için tasarlanmıştır React...

React composition patterns that scale. Use when refactoring components with

vercel-composition-patterns — an installable skill for AI agents, published by vercel-labs/openreview.

Ölçeklenebilir React kompozisyon desenleri. Bileşenleri yeniden düzenlerken kullanın.

Vercel'e anında dağıtım, otomatik algılanan framework'ler ve kimlik doğrulama gerektirmez. Projeleri tarball'lara paketler, package.json'dan framework'leri otomatik algılar ve canlı önizleme URL'si ile hesap transferi için talep edilebilir bir dağıtım bağlantısı döndürür. React, Vue, Svelte, backend runtime'ları ve statik HTML projeleri dahil 20'den fazla framework'ü destekler. Dağıtım boyutunu en aza indirmek için node_modules ve .git'i dağıtımlardan hariç tutar. Programatik entegrasyon için hem insan tarafından okunabilir URL'ler hem de JSON çıktısı döndürür.

Deploy applications and websites to Vercel with a claimable preview. Use when the user requests deployment actions like "deploy my app", "deploy and give me…

Uygulamaları ve web sitelerini Vercel'e dağıtın. Kullanıcı "Uygulamamı dağıt", "Bunu üretime dağıt" gibi dağıtım eylemleri talep ettiğinde bu beceriyi kullanın.

Vercel Firewall expert guidance — automatic DDoS mitigation, the Vercel WAF (custom rules, IP blocking, managed rulesets, rate limiting), Attack Mode, system…

Vercel Firewall expert guidance — automatic DDoS mitigation, the Vercel WAF (custom rules, IP blocking, managed rulesets, rate limiting), Attack Mode, system…

Vercel Flags guidance — feature flags platform with unified dashboard, Flags Explorer, gradual rollouts, A/B testing, and provider adapters. Use when…

Vercel Flags guidance — feature flags platform with unified dashboard, Flags Explorer, gradual rollouts, A/B testing, and provider adapters. Use when…

Vercel Functions expert guidance — Serverless Functions, Edge Functions, Fluid Compute, streaming, Cron Jobs, and runtime configuration. Use when configuring,…

Vercel Functions expert guidance — Serverless Functions, Edge Functions, Fluid Compute, streaming, Cron Jobs, and runtime configuration. Use when configuring,…

Vercel'de mikro ön yüzler oluşturma, yapılandırma ve dağıtma kılavuzu. Kullanıcı mikro ön yüzler, çoklu bölgeler, bir uygulamayı bölme gibi konulardan bahsettiğinde bu beceriyi kullanın.

Vercel'de dağıtılan projelerde, özellikle Next.js, SvelteKit, Nuxt ve sınırlı Astro uygulamalarında maliyet ve performans optimizasyonu için kullanılır. Önce Vercel metriklerini, kullanımı, proje yapılandırmasını ve kod tarama sonuçlarını toplar; yalnızca metrik destekli adayları inceler; doğrulanmış dosyalar ve sürüm bilincine sahip Vercel/çerçeve dokümanlarına dayalı sıralanmış öneriler üretir. Vercel faturasını azaltma, yavaş veya pahalı rotalar, önbellekleme fırsatları, Function Invocations, Build Minutes, Fast Data Transfer, Core... için tetiklenir.

Run live eval sessions against the vercel-plugin to verify hook behavior, skill injection, dedup correctness, and coverage. Launches real Claude Code sessions…

Run live eval sessions against the vercel-plugin to verify hook behavior, skill injection, dedup correctness, and coverage. Launches real Claude Code sessions…

Vercel'in deneysel Services API'sini kullanarak Python arka uç hizmetleri oluşturma. Python arka uçları veya Python arka ucu içeren çoklu hizmet projeleri oluştururken kullanın…

Vercel Queues guidance (public beta) — durable event streaming with topics, consumer groups, retries, and delayed delivery. $0.60/1M ops. Powers Workflow…

Vercel Queques rehberi (genel beta) — konular, tüketici grupları, yeniden denemeler ve gecikmeli teslimat ile dayanıklı olay akışı. 1 milyon işlem başına 0,60 dolar. Workflow'u güçlendirir…

Vercel Mühendisliği'nden React ve Next.js performans optimizasyonu yönergeleri. Bu yetenek, React/Next.js yazarken, gözden geçirirken veya yeniden düzenlerken kullanılmalıdır…

React ve Next.js performans optimizasyon rehberi, 8 kategoride 64 önceliklendirilmiş kural içerir. Etki seviyesine göre düzenlenmiş olup, kritik waterfall'lar ve bundle optimizasyonundan ileri düzey pattern'lere kadar her kural, yanlış/doğru kod örnekleri ve açıklamalar sunar. Sekiz alanı kapsar: async pattern'ler, bundle boyutu, sunucu tarafı önbellekleme, istemci tarafı veri çekme, yeniden render optimizasyonu, render performansı, JavaScript verimliliği ve ileri düzey pattern'ler. Bileşen sırasında kullanılmak üzere tasarlanmıştır...

Vercel Engineering'den React ve Next.js performans optimizasyonu yönergeleri. Bu beceri, React/Next.js yazarken, gözden geçirirken veya yeniden düzenlerken kullanılmalıdır…

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…

Vercel Mühendisliği'nden React ve Next.js performans optimizasyonu yönergeleri. Bu yetenek, React/Next.js yazarken, gözden geçirirken veya yeniden düzenlerken kullanılmalıdır…

Vercel Mühendisliği'nden React ve Next.js performans optimizasyonu yönergeleri. Bu yetenek, React/Next.js yazarken, gözden geçirirken veya yeniden düzenlerken kullanılmalıdır…

Vercel Mühendisliği'nden React ve Next.js performans optimizasyonu yönergeleri. Bu yetenek, React/Next.js yazarken, gözden geçirirken veya yeniden düzenlerken kullanılmalıdır…

Vercel Mühendisliği'nden React ve Next.js performans optimizasyonu yönergeleri. Bu yetenek, React/Next.js yazarken, gözden geçirirken veya yeniden düzenlerken kullanılmalıdır…

React Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules. Covers eight rule categories prioritized by impact: list performance (FlashList, memoization, callback stability), animations (GPU properties, derived values), navigation, UI patterns, state management, rendering, monorepo structure, and configuration List performance rules address critical concerns like virtualizing large lists, optimizing images, and avoiding...

React Native ve Expo ile yüksek performanslı mobil uygulamalar oluşturmak için en iyi uygulamalar. Kullan

React Native and Expo best practices for building performant mobile apps. Use

React Native ve Expo ile yüksek performanslı mobil uygulamalar geliştirmek için en iyi uygulamalar. Kullan

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…

Vercel Sandbox guidance — ephemeral Firecracker microVMs for running untrusted code safely. Supports AI agents, code generation, and experimentation. Use when…

Vercel Sandbox rehberi — güvenilmez kodu güvenle çalıştırmak için geçici Firecracker mikroVM'leri. Yapay zeka ajanlarını, kod üretimini ve denemeleri destekler. Şu durumlarda kullanın…

Vercel Services — tek bir Vercel projesi içinde birden fazla hizmet dağıtın. Monorepo düzenleri veya bir arka uç (Python, Go) ile bir ön ucu birleştirirken kullanın…

Vercel Services — tek bir Vercel projesi içinde birden fazla hizmet dağıtın. Monorepo düzenleri veya bir arka uç (Python, Go) ile bir ön ucu birleştirirken kullanın…

Vercel storage expert guidance — Blob, Edge Config, and Marketplace storage (Neon Postgres, Upstash Redis). Use when choosing, configuring, or using data…

Vercel depolama uzman rehberliği — Blob, Edge Config ve Market yeri depolama (Neon Postgres, Upstash Redis). Veri seçerken, yapılandırırken veya kullanırken kullanın…

Full-story verification — infers what the user is building, then verifies the complete flow end-to-end: browser → API → data → response. Triggers on dev server…

Tam hikaye doğrulaması — kullanıcının ne oluşturduğunu çıkarır, ardından tüm akışı uçtan uca doğrular: tarayıcı → API → veri → yanıt. Geliştirme sunucusunda tetiklenir…

Vue 3 renderer for json-render. Use when building Vue UIs from JSON specs, working with @json-render/vue, defining Vue component registries, or rendering…

Web arayüzü kodlarını Web Interface Guidelines uyumluluğu açısından incele. "UI'ımı gözden geçir", "erişilebilirliği kontrol et", "tasarım denetimi yap", "UX'i incele" veya "sitemi en iyi uygulamalara göre kontrol et" dendiğinde kullan.

web-animation-design — an installable skill for AI agents, published by vercel-labs/open-agents.

Web Arayüzü Kılavuzlarına uygunluk için UI kodunu inceleyin. "UI'ımı gözden geçir", "erişilebilirliği kontrol et", "tasarımı denetle", "UX'i incele" veya "sitemi kontrol et" dendiğinde kullanın…

Web Arayüzü Kılavuzlarına uygunluk için UI kodunu inceleyin. "UI'ımı gözden geçir", "erişilebilirliği kontrol et", "tasarımı denetle", "UX'i incele" veya "sitemi kontrol et" dendiğinde kullanın…

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…

Web Arayüzü Kılavuzlarına uygunluk için UI kodunu inceleyin. "UI'ımı gözden geçir", "erişilebilirliği kontrol et", "tasarım denetimi yap", "UX'i incele" veya "sitemi kontrol et" dendiğinde kullanın…

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…

Webreel ile komut dosyalı tarayıcı demo videoları oluşturun ve kaydedin. İmleç animasyonu, tuş vuruşu katmanları ve ses ile MP4, GIF veya WebM kayıtları üretir…

Vercel'in Workflow DevKit'ini kullanarak dayanıklı, devam ettirilebilir iş akışları oluşturur. Yeniden başlatmalara dayanması gereken, harici olaylar için duraklatılan iş akışları oluştururken kullanın.

Vercel Workflow DevKit (WDK) expert guidance. Use when building durable workflows, long-running tasks, API routes or agents that need pause/resume, retries,…

Vercel Workflow DevKit (WDK) expert guidance. Use when building durable workflows, long-running tasks, API routes or agents that need pause/resume, retries,…

Dayanıklı, devam ettirilebilir iş akışları; adım tabanlı orkestrasyon, harici olaylar için kancalar ve yerleşik AI ajan desteği ile. Üç yürütme modunu destekler: iş akışı fonksiyonları (orkestrasyon katmanı), adım fonksiyonları (otomatik yeniden deneme ve sonuç kalıcılığı ile tam Node.js erişimi) ve AI destekli iş akışları için araç entegrasyonu ile DurableAgent. Harici olayları beklemek için kancalarda iş akışlarını duraklatın, ardından API rotalarından devam edin; kancalar, tek olayları veya yinelenebilir çoklu olay desenlerini destekler...

Install and configure Vercel Workflow SDK before it exists in node_modules. Use when the user asks to "install workflow", "set up workflow", "add durable…

Produce an API reference page that documents a single API surface (function, component, file convention, directive, or config option). The page should be concise, scannable, and example-driven.

Gerçek dünya kullanım senaryosunu aşamalı örneklerle öğreten bir teknik rehber oluşturur. Kavramlar yalnızca okuyucunun ihtiyaç duyduğu anda tanıtılır.

Belgeleri/düzyazıyı Yazım Kılavuzu uyumluluğu açısından inceleyin. "Belgelerimi gözden geçir", "yazım stilini kontrol et", "düzyazıyı denetle", "belgelerin sesini ve tonunu incele" veya "bu sayfayı yazım el kitabına göre kontrol et" dendiğinde kullanın.

XState Store adapter for json-render's StateStore interface. Use when integrating json-render with @xstate/store for state management via @json-render/xstate.

Akış ayrıştırıcı, istem oluşturma ve AI SDK dönüşümü ile json-render için YAML tel biçimi. @json-render/yaml, YAML tabanlı şartname ile çalışırken kullanın…

Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.