Vercel Skills

Satıcı-resmi veya topluluk adaptörünü Chat SDK kataloğuna ve belgelerine ekleyin — adapters.json kaydı, chat/adapters katalog girişi, belgelerdeki MDX sayfası,…

nostics'teki defineDiagnostics() kurallarına uygun yeni bir tanı kodu ekleyin

Yeni AI fonksiyon örnekleri ekleme kılavuzu, belirli özellikleri gerçek sağlayıcı API'lerine karşı test etmek için.

Yeni AI SDK harness paketleri ekleme kılavuzu. Bir kodlama ajanı çalışma zamanını HarnessV1'e uyarlayan yeni bir @ai-sdk/harness-<name> 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.

Vercel-openclaw için yönetici arayüzü ve operatör yüzeyi hata ayıklaması: komut kabuğu tasarımı, yönetici eylemleri, istek çekirdeği, durum panelleri, başlatma doğrulama arayüzü, kanal…

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.

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` SDK — models, providers, streams, events, tools, agents, hooks, MCP, AI SDK UI, structured output, and media generation

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ç…

shadcn/ui ve AI SDK üzerine inşa edilmiş, AI sohbet arayüzleri için önceden oluşturulmuş React bileşenleri. AI odaklı uygulamalar için tasarlanmış konuşma, mesaj, araç görüntüleme ve komut girişi bileşenlerini içerir. CLI aracılığıyla doğrudan proje kod tabanınıza kurulur ve standart React kalıplarıyla bileşenleri tamamen özelleştirilebilir ve genişletilebilir hale getirir. Next.js, AI SDK, shadcn/ui ve Node.js 18+ gerektirir; model erişimi için Vercel'in AI Gateway'i ile sorunsuz entegre olur. Tüm bileşenler standart HTML niteliklerini destekler...

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 yapay zeka üretimi için benzersiz kimlikler, adreslenebilir URL'ler, veritabanı depolama ve maliyet takibi — yapay zeka üretim kalıcılık desenleri

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.

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.

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.

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

API yolları için ajan dostu markdown dokümantasyonu oluşturur. Kullanıcı "doküman oluştur", "bu API'yi belgele", "API dokümantasyonu oluştur" veya "yap..." dediğinde kullanılır.

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

Bir Astro uygulamasını Webflow Cloud'dan Vercel'e taşıyın. Bir kullanıcı Astro uygulamasını Webflow Cloud'dan taşımak, geçirmek veya port etmek istediğinde bu beceriyi kullanın.

Kimlik doğrulama entegrasyon rehberi — Clerk (yerel Vercel Marketplace), Descope ve Auth0 kurulumu, Next.js uygulamaları için. Middleware kimlik doğrulama desenlerini kapsar,…

Auth ve store hata ayıklama, vercel-openclaw için: admin-secret modu, Vercel ile oturum açma, oturum çerezleri, CSRF, LOCAL_READ_ONLY, Redis vs bellek deposu, keyspace…

.agents/skills/ dizininde ajan becerileri oluştururken veya değiştirirken bu beceriyi kullanın.

Çalışan zero-native WebView shell uygulamalarını yerleşik otomasyon sunucusu aracılığıyla otomatikleştirin ve inceleyin. Kullanıcı uygulamayı test etmek, pencereleri listelemek, ekran görüntüsü almak istediğinde kullanın.

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…

Birleştirilmiş Next.js çekme isteğini canary'den next-16-2 gibi önceki bir sürüm dalına geri taşı. Kullanıcı geri taşıma, kiraz toplama veya bir… açma talebinde bulunduğunda kullan.

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

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…

Vercel Sandbox'larda vercel-plugin eval senaryolarını çalıştırır, yerel WezTerm panelleri yerine. Claude Code ve önceden yüklenmiş plugin ile geçici mikroVM'ler sağlar,…

Gerçekçi senaryolarda vercel-plugin beceri enjeksiyonunu test etmek için benchmark test projeleri oluşturup başlatır. İzole dizinler kurar, yükler…

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…

Shopify mağaza cephesini Vercel Shop kaynak destekli desenlerle oluşturun veya uyarlayın. Mağaza cephesi rotaları oluştururken, yeniden tasarlarken, yeniden düzenlerken veya incelerken kullanın,…

Vercel Academy'deki Building Agents with eve kursu için yardımcı beceri. Kullanıcı "building agents with eve", "eve kursu", "bike…" ifadelerini belirttiğinde kullanılır.

Modern, erişilebilir ve birleştirilebilir UI bileşenleri oluşturmak için kapsamlı rehber. Bileşen taksonomisini (temel yapı taşları, bileşenler, bloklar, şablonlar), temel tasarım ilkelerini ve ARIA, klavye navigasyonu ile WCAG uyumluluğu dahil erişilebilirlik uygulamasını kapsar. Birleştirilebilir API'ler, polimorfizm, kontrollü/kontrolsüz durum ve esnek eleman kompozisyonu için as-child deseni gibi kalıpları içerir. Tasarım token'ları, temalama sistemleri, stil yaklaşımları ve kullanımı hakkında rehberlik sağlar...

Next.js Cache Components ve Kısmi Ön İşleme (PPR) için uzman rehberlik. **PROAKTİF AKTİVASYON**: Next.js üzerinde çalışırken bu beceriyi otomatik olarak kullanın…

We need to translate the given text from English to Turkish, preserving the name "capture-api-response-test-fixture" but not including it unless it appears in the source text. The source text does not include that name, so we just translate the description. Also preserve technical terms like "generateText", "streamText", "includeRawChunks", "saveRawChunks", "API response test fixtures", "provider parsing validation", "__fixtures__", etc. Keep URLs, numbers, etc. The translation should be natural Turkish. The text: "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..." Translate: "API yanıt test fikstürlerini, sağlay

Debug Vercel CDN caching — cache hit rate, stale content, revalidation behavior, ISR + PPR, per-request cache reasons (cacheReason), and costs.

Vercel-OpenClaw Slack/Telegram/Discord/WhatsApp sorunları için kanal webhook triyajı: dağıtım durumunu kanıtlama, yönetici hazırlık uç noktalarını toplama, oluşturma…

Kanal teslimat değişiklikleri için webhook rota parite denetimi: terminal yollarının kaydedilmesini, lastForward'ın kaydedilmesini, hataların sınıflandırılmasını ve güncelliğini yitirmiş sandbox port URL'lerinin yenilenmesini sağlar.

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 uzman rehberliği. Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear gibi çoklu platform sohbet botları oluştururken kullanın…

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.

Paketler/CLI değişikliklerinde komut UX'ini, istemleri, yardımı, çıktı düzenini, ilerlemeyi, başarıyı, uyarıları, hataları, JSON/stdout/stderr sözleşmelerini etkileyen durumlar için kullanılır,…

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

Kod değişikliklerini inceler ve uygulanabilir geri bildirim sağlar. Kullanıcı bir PR, diff, commit veya kod değişikliklerini incelemek istediğinde kullanın. "/review", "review…" ile tetiklenir.

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…

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing…

We need to translate the given English text into Turkish, preserving the specified terms like "core" (but it's not in the text), "json-render", "defineSchema", "JSONL", "createSpecStreamCompiler", "$state", "$bindState", "$cond", "$template". Also preserve URLs, numbers, technical terms. The text is a description of a skill. We must not add any extra commentary or labels. Just translate the text inside <text>. The target language is Türkçe. Let's translate: "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..." We need to translate naturally. Keep technical terms in English as per instruction. Also note

Create React App (CRA) projelerini Next.js'e taşımak için kapsamlı rehber. Bir CRA uygulamasını taşırken, React Router'ı dosya tabanlı yönlendirmeye dönüştürürken veya…

Remotion videolarını Geist tasarım sistemi estetiğini kullanarak oluşturun. Vercel'in tasarımını takip etmesi gereken videolar, animasyonlar veya hareketli grafikler istendiğinde 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.

Cron ve watchdog hata ayıklama, vercel-openclaw için: Vercel Cron kimlik doğrulaması, kalıcı OpenClaw işleri, cron uyandırma anahtarları, token yenileme, geri yükleme oracle'ı, sıcak yedek ve…

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…

Bu beceriyi, koşullu require() yollarını, Node'a özel importları veya edge/runtime dallanmalarını değiştirirken kullanın.

dev3000'den bir Vercel proje kontrolüne karşı DeepSec çalıştırın. Tek tıklamayla DeepSec kurulumu, proje bağlamı başlatma, sınırlı ilk geçiş işleme ve… için kullanın.

deepsec (yapay zeka destekli bir güvenlik açığı tarayıcısı) kullanarak taramaları çalıştırma, projeleri yapılandırma, eşleştiriciler yazma ve eklentiler oluşturma. Kullanıcı sorduğunda etkinleşir…

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…

Uygulamaları ve web sitelerini otomatik git entegrasyonu ve önizleme URL'leri ile Vercel'e dağıtın. Üç dağıtım yolunu destekler: git-push (bağlantılı projeler için idealdir), doğrudan CLI dağıtımı ve korumalı ortamlar için kimlik doğrulamasız yedekleme. Proje durumunu otomatik olarak algılar (.vercel/project.json veya .vercel/repo.json üzerinden bağlantılı, git remote varlığı, CLI kimlik doğrulaması) ve en iyi dağıtım yöntemini seçer. Çoklu takım hesapları için takım seçimini yönetir ve doğru takıma dağıtmak için --scope kullanır...

Vercel dağıtımı ve CI/CD uzman rehberliği. Dağıtım yaparken, yayınlarken, geri alırken, dağıtımları incelerken, --prebuilt ile derlerken veya CI yapılandırırken kullanın.

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…

Discord kanal uzmanı iş akışı: etkileşim webhook'larında hata ayıklama, Ed25519 imzaları, ertelenmiş yanıtlar, /discord-webhook'a iş akışı yönlendirme, entegrasyon…

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…

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.

Vercel, GitHub, Google, Slack, Apple, Microsoft ve AWS için yerel drop-in API emülatörü. Kullanıcının emüle edilmiş hizmetleri başlatması, seed yapılandırması yapması gerektiğinde kullanın…

Mağazaya Vercel Analytics, Vercel Speed Insights ve Google Tag Manager ekleyin.

Enable next-intl-based i18n in the shop template — locale-prefixed URLs, per-locale message catalogs, and a locale switcher. Use when the user wants "locale…

Shopify metaobjectlarını ana sayfa ve pazarlama sayfası içeriği için CMS olarak bağlar. cms_homepage ve cms_page metaobject türleri için GraphQL sorguları ekler ve dönüştürür…

Shopify Markets'i, next-intl kullanarak çoklu yerel ayar yönlendirmesiyle etkinleştirin. Kullanıcı uluslararasılaştırma, çoklu yerel ayar desteği, yerel ayar ön ekli… eklemek istediğinde kullanın.

Sabit kodlanmış gezinme ve altbilgi menülerini Shopify destekli menülerle değiştirin.

Vercel ortam değişkeni uzman rehberliği. .env dosyaları, vercel env komutları, OIDC tokenları veya ortama özgü yapılandırmayı yönetirken kullanın.

eve framework ile dayanıklı arka uç AI ajanları oluşturun. Bir eve projesi oluştururken, düzenlerken veya hata ayıklarken kullanın — ajan talimatları, beceriler, araçlar,…

eve framework ile dayanıklı AI ajanları ve ajan destekli uygulamalar oluşturun. Bir eve projesi oluştururken, düzenlerken veya hata ayıklarken ya da seçim yaparken kullanın.

Shopify AI Toolkit'i kullanarak Vercel Shop çalışması için canlı Mağaza Vitrini ve Müşteri Hesabı GraphQL şemalarını inceleyin.

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.

Kullanıcılar genişletilmiş yeteneklere ihtiyaç duyduğunda açık ekosistemden özel ajan becerilerini keşfedin ve yükleyin. Kullanıcılar "X'i nasıl yaparım" veya "X için bir beceri bul" dediğinde alan ve göreve göre ilgili becerileri belirlemeye yardımcı olur. Skills CLI ( npx skills find , npx skills add ) ile entegre olarak skills.sh dizininden paketleri arar, doğrular ve yükler. Yükleme sayısı, kaynak itibarı ve GitHub yıldızlarına dayanarak beceriler önerir, yükleme önermeden önce kaliteyi garanti eder. Beceriyi sunar...

Firewall and Vercel AI Gateway debugging for vercel-openclaw: network policy allowlists, OIDC token refresh, AI Gateway transform rules, firewall…

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.

Vercel-openclaw için ağ geçidi ve proxy hata ayıklama: /gateway yönlendirme, HTML enjeksiyonu, WebSocket yeniden yazma, gateway-token devri, bekleme sayfası, durum kalp atışı,…

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,…

Yerel geliştirme ve test için emüle edilmiş GitHub REST API. Kullanıcının GitHub API uç noktalarıyla yerel olarak etkileşime geçmesi, GitHub entegrasyonlarını test etmesi gerektiğinde kullanın,…

Add GitHub API tools to AI agents using @github-tools/sdk — AI SDK, eve, Vercel Workflow, and Chat SDK. Covers tools, presets, approval control, token scoping,…

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…

Vercel'e dağıtılan Hono web uygulamaları oluştururken veya kullanıcı Hono API'leri, yönlendirme, ara yazılım, JSX, doğrulama, test veya akış hakkında soru sorduğunda 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…

Yeni bir Vercel Shop mağaza ön yüzünü resmi create-vercel-shop CLI ile başlatın. Kullanıcı bir Vercel… oluşturmak, iskeletini kurmak, başlatmak veya başlatmak istediğinde 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…

Düzenlenmiş hata ayıklama koordinatörü. Hayal kırıklığı sinyallerinde (takılıp kalma, donma, bozulma, bekleme) tetiklenir ve sistematik olarak önceliklendirir: çalışma zamanı günlükleri → iş akışı durumu →…

Issız bir adadan nasıl kurtulunur

Jotai adaptörü, json-render'ın StateStore arayüzü için. json-render'ı Jotai ile @json-render/jotai üzerinden durum yönetimi için entegre ederken kullanın.

Yapay zeka sohbet yanıtı oluşturma kılavuzu — UIMessage parçaları, araç çağrısı görüntüleme, akış durumları ve yapılandırılmış veri sunumunu yönetir. Şunları oluştururken kullanın…

Şema tanımı, katalog oluşturma ve AI destekli JSON render için spec akışı. defineSchema ve defineCatalog ile tipli spec'ler ve bileşen katalogları tanımlayın; AI prompt'larını otomatik olarak veya özel kurallarla oluşturun. Durum bağlama ($state, $bindState), koşullar ($cond), şablonlar ve hesaplanmış fonksiyonlar dahil dinamik prop ifadelerini destekleyin. Aşamalı spec oluşturma için createSpecStreamCompiler kullanarak AI yanıtlarını JSONL yamaları olarak akışa alın. Yerleşik doğrulama,...

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 oluşturucusu, json-render için JSON şartnamelerini @react-email/components ve @react-email/render kullanarak HTML veya düz metin e-postalarına dönüştürür. Şu durumlarda kullanın…

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…

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

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…

Vercel platformu hakkında güncelliğini yitirmiş LLM bilgilerini düzeltir ve yeni ürünleri tanıtır. Oturum başlangıcında enjekte edilir.

Bir TypeScript kod tabanında yapısal kuralları zorunlu kılan bir konsistent.json yapılandırma dosyası oluşturun veya değiştirin. Kullanıcının zorunlu kılmak istediği durumlarda kullanın…

konsistent CLI'yi çalıştır, raporlanan tüm ihlalleri gözden geçir ve kod tabanında düzelt. Kullanıcı "konsistent ihlallerini düzelt", "çözümle…" dediğinde kullan.

lat.md dokümantasyon dosyalarını yazma ve bakımını yapma — bir projenin mimarisini, tasarım kararlarını ve test şartnamelerini açıklayan yapılandırılmış markdown. Şu durumlarda kullanılır…

Vercel-openclaw için başlatma doğrulaması ve uzaktan hızlı hata ayıklama: ön kontrol, kuyruk ping, ensureRunning, chatCompletions, wakeFromSleep, restorePrepared,…

Yerel geliştirme ve test için öykünülmüş Linear GraphQL API. Kullanıcının Linear entegrasyonlarını yerel olarak test etmesi, Linear sorunlarını, yorumlarını öykünmesi gerektiğ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.

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…

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.

Bir Sitecore Marketplace uygulamasına XM Cloud API entegrasyonu ekler. Kullanıcının Siteler, Sayfalar, Yazarlık, İçerik Aktarımı, Arama veya Ajan API'lerine erişmek istediğinde kullanın…

Blok tasarım sistemini kullanarak Sitecore Marketplace uygulamaları için UI bileşenleri oluşturur. Kullanıcı UI oluşturmak, bileşen eklemek, sayfa düzeni oluşturmak veya… istediğinde kullanılır.

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

Resmi SDK'yı kullanarak yeni bir Sitecore Marketplace uygulaması oluşturur. Kullanıcı yeni bir marketplace uygulaması oluşturmak, yeni bir Sitecore projesi başlatmak veya... istediğinde kullanın.

Sitecore Marketplace SDK API referansı. Kullanıcı SDK yöntemleri, türleri, sorguları, mutasyonları, abonelikleri veya herhangi bir Sitecore… hakkında soru sorduğunda kullanın.

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…

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,…

Uygulamaları AI SDK 6.x'ten AI SDK 7.0'a taşıyın. Vercel AI SDK paketlerini yükseltirken, v7 geçiş hatalarını düzeltirken veya kullanıcı AI SDK v6'dan bahsettiğinde kullanın.

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.

Native SDK için keşif becerisi, yerel masaüstü uygulamaları oluşturmak için eksiksiz araç seti - görünümler bildirimsel Yerel işaretleme (.native) ile oluşturulur, mantık ise…

@vercel/ncc için uzman rehberlik — tüm bağımlılıkları dahil ederek Node.js modüllerini tek bir dosyada derlemek için basit bir CLI. Sunucusuz paketleme sırasında kullanın…

Next.js uyumlayıcısı, @emulators/adapter-next aracılığıyla emülatörleri doğrudan bir Next.js uygulamasına gömmek için kullanılır. Kullanıcının Next.js'te emülatörler gömmesi gerektiğinde, kurulum yapmak için kullanın…

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,…

Kapsamlı Next.js geliştirme yönergeleri; dosya yapısı, RSC desenleri, veri çekme, optimizasyon ve hata yönetimini kapsar. Dosya kuralları, rota segmentleri, RSC sınırları, async desenleri, meta veri oluşturma ve görsel/yazı tipi optimizasyonu dahil 15'ten fazla konu alanını içerir. Çalışma zamanı seçim rehberliği, yönerge kullanımı ve error.tsx ile not-found.tsx gibi belirli dosya kurallarıyla hata yönetimi stratejileri sunar. Veri çekme desenleri, rota işleyici en iyi uygulamaları,...

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,…

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.

Next.js 16 Önbellek Bileşenleri rehberi — PPR, use cache yönergesi, cacheLife, cacheTag, updateTag ve unstable_cache'den geçiş. Uygularken kullanı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 Önbellek Bileşenleri - PPR, use cache yönergesi, cacheLife, cacheTag, updateTag

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.js'i resmi geçiş kılavuzları ve kod dönüştürücüleri izleyerek en son sürüme yükseltin. Next.js sürümlerini yükseltirken, kod dönüştürücüleri çalıştırırken veya geçiş yaparken kullanın.

Next.js sürüm yükseltmelerini resmi kod dönüşümleri ve geçiş kılavuzu entegrasyonu ile otomatikleştirir. package.json'dan mevcut Next.js sürümünü algılar ve resmi kılavuzlardan sürüme özel yükseltme dokümantasyonunu getirir. Async Request API'leri, geo/IP özellik geçişleri ve dinamik içe aktarma dönüşümleri gibi bozucu değişiklikleri ele almak için Next.js kod dönüşümlerini otomatik olarak çalıştırır. Büyük sürüm atlamaları için (örneğin, 13 → 14 → 15) artımlı yükseltmeleri yönetir ve eş bağımlılıkları (React, React DOM,...) gün

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

Next.js App Router uzman rehberliği. Next.js uygulamaları oluştururken, hata ayıklarken veya mimarisini kurarken kullanın — yönlendirme, Sunucu Bileşenleri, Sunucu Eylemleri, Önbellek…

Bir Next.js uygulamasını Webflow Cloud'dan Vercel'e taşıyın. Bir kullanıcı Next.js uygulamasını Webflow Cloud'dan taşımak, geçirmek veya port etmek istediğinde bu beceriyi kullanın.

Structured diagnostic code library for JavaScript/TypeScript. Turns errors and other conditions into typed, machine-readable `Diagnostic` instances with stable…

Nuxt uygulamasına doğrudan emülatör gömmek için @emulators/adapter-nuxt aracılığıyla Nuxt adaptörü. Kullanıcının Nuxt içine emülatör gömmesi gerektiğinde, aynı kaynak ayarını yapmak için kullanılır…

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,…

OpenClaw bootstrap, paketleme, yapılandırma ve varlık geri yükleme hata ayıklaması, vercel-openclaw için: openclaw.bundle yan hizmetleri, eklenti keşfi, kanal kataloğu, yeniden başlatma…

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 entegrasyonu rehberi — yerel Vercel Marketplace kurulumu, ödeme oturumları, webhook yönetimi, abonelik faturalandırması ve Stripe SDK'sı. Şu durumlarda kullanın…

Web animasyonları oluştururken, gözden geçirirken veya optimize ederken ya da render performansı (frame döngüleri, kaydırma/görüntü alanı açıklamaları, mount/unmount geçişleri,…) ile ilgili durumlarda kullanın.

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

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

Kullanıcı Next.js monorepo'sunda PR durumu, CI hataları veya inceleme yorumları hakkında soru sorduğunda bu beceriyi kullanın.

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.

TSX dosyaları için React en iyi uygulamaları denetleyicisi. Birden fazla TSX bileşenini düzenledikten sonra, bileşen yapısı, … kapsayan yoğun bir kalite kontrol listesi çalıştırmak için tetiklenir.

JSON şartnamelerini @react-email/components ve @react-email/render kullanarak HTML veya düz metin e-postalarına dönüştüren json-render için React Email oluşturucu. Şu durumlarda kullanın…

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

React Native ve Expo ile performanslı mobil uygulamalar oluşturmak için en iyi uygulamalar. React Native bileşenleri oluştururken, liste performansını optimize ederken, uygularken kullanın…

React PDF renderer, json-render için. JSON şartnamelerinden PDF belgeleri oluştururken, @json-render/react-pdf ile çalışırken veya şartnameleri PDF'e dönüştürürken kullanın…

React Three Fiber 3D oluşturucusu json-render için. @json-render/react-three-fiber ile çalışırken, JSON şartnamelerinden 3D sahneler oluştururken, render ederken…

Satılmış React, react-server-dom-webpack/* veya react-server katman sınırlarını etkileyen değişiklikler için bu beceriyi kullanın.

json-render'ın StateStore arayüzü için Redux adaptörü. @json-render/redux aracılığıyla Redux veya Redux Toolkit ile durum yönetimi için json-render entegre edilirken kullanılır.

Vercel eklentisini yayınla — gate’leri çalıştır, sürümü yükselt, yapıtlar oluştur, commit yap ve push’la. "Yayınla", "gönder", "yükselt ve push’la" veya "sürüm kes" dendiğinde kullan.

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.

Remotion - React ile video oluşturma için en iyi uygulamalar

Bir fork'tan Open Harness tarafından barındırılan demo kısıtlamalarını kaldırır. Bir bakımcının yönetilen şablon deneme sınırlarını, barındırılan dağıtım geçişini veya… kaldırmak istediğinde kullanılır.

Yerel geliştirme ve test için öykünülmüş Resend e-posta API'si. Kullanıcının yerel olarak e-posta göndermesi, işlemsel e-posta akışlarını test etmesi, sihirli bağlantılar uygulaması gerektiğinde kullanın.

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

Bu beceriyi, runtime-bundle, module-resolution veya user-bundle ekleme regresyonlarını yeniden üretirken kullanın.

Vercel Sandbox SDK kullanarak izole Linux MicroVM'ler oluşturur. Kod çalıştırma ortamları oluştururken, güvenilmeyen kod çalıştırırken, geliştirme sunucuları başlatırken,…

Sandbox lifecycle debugging for vercel-openclaw: create, resume, stop, snapshotting, reset, stale-running reconciliation, persistent Sandbox v2 behavior, hot…

Vercel Sandbox v2 yaşam döngüsü uzmanlığı vercel-openclaw için: adlandırılmış kalıcı OpenClaw sandbox oluşturma/devam ettirme/durdurma/silme, kalıcı otomatik kaydetme doğruluğu, manuel…

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.

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.

shadcn/ui uzman rehberliği — CLI, bileşen kurulumu, kompozisyon desenleri, özel kayıtlar, temalama, Tailwind CSS entegrasyonu ve yüksek kaliteli arayüz…

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…

Ö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…

Shopify tarafından doğrulanmış Storefront veya Müşteri Hesabı GraphQL'i Vercel Shop'a entegre edin. Shopify AI Toolkit bir API işlemi sağlayıp doğruladıktan sonra kullanın,…

Vercel ile oturum açma rehberi — Vercel hesapları üzerinden kullanıcı kimlik doğrulaması için OAuth 2.0/OIDC kimlik sağlayıcısı. Kullanıcı girişini Vercel ile uygularken kullanın…

Etkili beceriler oluşturmak için rehber. Bu beceri, kullanıcılar Claude'un yeteneklerini genişleten yeni bir beceri oluşturmak (veya mevcut bir beceriyi güncellemek) istediklerinde kullanılmalıdır.

Etkili beceriler oluşturmak için rehber. Bu beceri, kullanıcılar Claude'un yeteneklerini genişleten yeni bir beceri oluşturmak (veya mevcut bir beceriyi güncellemek) istediklerinde kullanılmalıdır.

Yerel geliştirme ve test için emüle edilmiş Slack API. Kullanıcının Slack API uç noktalarıyla yerel olarak etkileşime girmesi, Slack entegrasyonlarını test etmesi, emüle etmesi gerektiğinde kullanın…

Slack ajan/bot kodu, Chat SDK uygulamaları, Bolt for JavaScript projeleri veya @chat-adapter/slack ya da @slack/bolt kullanan projeler üzerinde çalışırken kullanılır. Sağlar…

Slack kanal uzmanı iş akışı: Slack OAuth hata ayıklama ve teslimata hazır durum, /slack/events hızlı yol, ham gövde imzaları, rota onarımı, başlangıç mesajı temizliği ve…

SolidJS renderer'ı json-render için. @json-render/solid katalogları/kayıtları oluştururken, Renderer sağlayıcılarını bağlarken, bağlamalar/eylemler uygularken veya… kullanın.

Streamdown akışlı işaretleme uzman rehberliği. Yapay zeka modellerinden akışlı Markdown işleme, gerçek zamanlı içerikle sohbet arayüzleri oluşturma veya değiştirme sırasında kullanın…

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…

JSON şartnamelerini Svelte bileşen ağaçlarına dönüştüren Svelte 5 renderlayıcısı. @json-render/svelte ile çalışırken, JSON'dan Svelte arayüzleri oluştururken kullanılır,…

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.

Bir TanStack Start uygulamasını Cloudflare Workers'tan Vercel'e taşıyın. Bu beceriyi, bir kullanıcı TanStack Start (veya…) uygulamasını taşımak, geçirmek veya port etmek istediğinde kullanın.

Bir TanStack Start uygulamasını Netlify'dan Vercel'e taşıyın. Kullanıcı bir TanStack Start (veya TanStack) uygulamasını taşımak, geçirmek veya port etmek istediğinde bu beceriyi kullanın.

Telegram kanal uzmanı iş akışı: /api/channels/telegram/webhook hata ayıklama, native port 8787 /telegram-webhook, webhookSecret, başlangıç temizliği ve kabul sonrası…

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

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 uzman rehberliği. Monorepo yapıları kurarken veya optimize ederken, görev önbellekleme, uzak önbellekleme, paralel yürütme veya --affected… yapılandırırken kullanın.

We need to translate the given English text into Turkish, preserving the name "turborepo" if it appears. The text is a description of a monorepo build system. The instruction says to translate only the text inside <text>, and not include the name unless it appears in the source text. The name "turborepo" does not appear in the source text? Actually, looking at the source text: "Monorepo build system with intelligent task caching..." No mention of "turborepo". The instruction says "Name to preserve: turborepo" but the source text doesn't contain it. So we just translate the given text. Also, we must not add any labels or extra commentary. The translation should be natural Turkish, preserving technical terms like "task caching", "parallel execution", "dependency graph", "CI/CD", "remote caching", "--affected", "--filter", "turbo.json", "dependsOn", "outputs", "inputs", "env", "Package Configurations", "monorepo". We'll keep them as

Tailwind CSS v4 için blok (32px) ve sekme (4px) birimleri kullanan anlamsal boşluk sistemi. Tutarlı boşluk, panolar, yönetim panelleri ile arayüzler oluştururken kullanın.

Yerel geliştirme ve test için emüle edilmiş Twilio REST API'leri. Kullanıcının Twilio Mesajlaşma, Doğrulama, Ses, telefon numaraları, webhook'lar, durum... test etmesi gerektiğinde kullanın.

Klonlama gerektiğinde:

Next.js dokümantasyonunu kod değişiklikleri ve PR incelemelerine göre güncellemek için rehberli iş akışı. Etkilenen dokümantasyon dosyalarını belirlemek için kod-doküman eşleme referansını kullanarak git farklarını analiz eder. Yeni özellik dokümanları (bileşenler, fonksiyonlar, yapılandırma, kılavuzlar, dosya kuralları) için şablonlar ve kurallar sağlar. Her değişiklikten önce kullanıcı onayı alarak mevcut dokümantasyonu adım adım günceller. Biçimlendirmeyi sağlamak için doğrulama kontrol listesi ve lint komutlarını içerir...

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 bir Vercel Shop mağazasını daha yeni şablon değişiklikleriyle güncelleyin. Kullanıcı sürüklenmeyi kontrol etmek, bir yükseltme planlamak veya bir… için şablon güncellemeleri uygulamak istediğinde kullanın.

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.

Bu beceriyi, Next.js sunucu iç yapısında performans açısından kritik kod yollarını yazarken veya optimize ederken kullanın — özellikle istek başına sıcak yollar olan render, akış, yönlendirme ve önbellekleme gibi durumlarda.

Yerel geliştirme ve test için öykünülmüş Vercel REST API'si. Kullanıcının Vercel API uç noktalarıyla yerel olarak etkileşime geçmesi, Vercel entegrasyonlarını test etmesi gerektiğinde kullanın,…

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 rehberliği — yapay zeka destekli kod incelemesi, olay araştırması ve SDK kurulumu. PR analizini ve anomali hata ayıklamayı otomatikleştirir. Yapılandırma sırasında kullanın…

Vercel AI SDK (Python) - LLM destekli uygulamalar oluşturmak için akış, araçlar, kancalar ve yapılandırılmış çıktı içeren desenler

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

We need to translate the given text from English to Turkish, preserving the name "vercel-cli" if it appears. The text does not contain "vercel-cli" explicitly, but it mentions "vercel" commands. The instruction says to preserve product names, protocol names, URLs, numbers, technical terms. So "Vercel" is a product name, keep as is. Also "CI/CD", "DNS", "Node.js" are technical terms. Translate the rest naturally. The text: "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,..." Translate to Turkish. Keep "vercel link", "vercel link --repo",

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 —…

Ölçeklenebilir React kompozisyon desenleri. Boolean prop çoğalması olan bileşenleri yeniden düzenlerken, esnek bileşen kütüphaneleri oluştururken veya tasarlarken 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...

vercel-composition-patterns — yapay zeka ajanları için yüklenebilir bir beceri, vercel-labs/openreview tarafından yayınlanmıştır.

Uygulamaları ve web sitelerini talep edilebilir bir önizleme ile Vercel'e dağıtın. Kullanıcı "uygulamamı dağıt", "dağıt ve bana ver..." gibi dağıtım eylemleri talep ettiğinde kullanın.

Vercel Firewall uzman rehberliği — otomatik DDoS hafifletme, Vercel WAF (özel kurallar, IP engelleme, yönetilen kural setleri, hız sınırlama), Saldırı Modu, sistem…

Vercel Flags rehberi — birleşik gösterge paneli, Flags Explorer, kademeli dağıtımlar, A/B testi ve sağlayıcı bağdaştırıcıları ile özellik bayrakları platformu. Şu durumlarda kullanılır…

Vercel Functions uzman rehberliği — Sunucusuz Fonksiyonlar, Edge Fonksiyonları, Fluid Compute, akış, Cron İşleri ve çalışma zamanı yapılandırması. Yapılandırma sırasında kullanın,…

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.

vercel-plugin'e karşı canlı değerlendirme oturumları çalıştırarak hook davranışını, beceri enjeksiyonunu, yineleme doğruluğunu ve kapsamı doğrular. Gerçek Claude Code oturumları başlatır…

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 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…

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 ve Next.js performans optimizasyonu rehberi, Vercel Engineering'den. 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 ve Expo ile listeleme, animasyonlar, navigasyon ve yerel modüller arasında yüksek performanslı mobil uygulamalar için en iyi uygulamalar. Etkiye göre önceliklendirilmiş sekiz kural kategorisini kapsar: liste performansı (FlashList, memoization, callback kararlılığı), animasyonlar (GPU özellikleri, türetilmiş değerler), navigasyon, UI desenleri, durum yönetimi, render etme, monorepo yapısı ve yapılandırma. Liste performansı kuralları, büyük listeleri sanallaştırma, görselleri optimize etme ve kaçınma gibi kritik konuları ele alır...

React Native ve Expo ile yüksek performanslı mobil uygulamalar oluşturmak 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…

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 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…

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'ı json-render için. Vue arayüzlerini JSON şartnamelerinden oluştururken, @json-render/vue ile çalışırken, Vue bileşen kayıtlarını tanımlarken veya render ederken kullanın…

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 — yapay zeka ajanları için yüklenebilir bir beceri, vercel-labs/open-agents tarafından yayınlanmıştır.

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 incele. "UI'ımı gözden geçir", "erişilebilirliği kontrol et", "tasarımı denetle", "UX'i incele" veya "sitemi kontrol et" dendiğinde kullan…

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…

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…

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…

WhatsApp kanal uzmanı iş akışı: Meta webhook doğrulama/imzalarını hata ayıklama, bağlantı durumu projeksiyonu, /whatsapp-webhook hızlı yolu, başlangıç mesajları ve…

Vercel Workflow DevKit (WDK) uzman rehberliği. Dayanıklı iş akışları, uzun süreli görevler, API rotaları veya duraklatma/devam ettirme, yeniden denemeler gerektiren ajanlar oluştururken kullanın,…

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.

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

Vercel Workflow SDK'yi node_modules'te bulunmadan önce kurar ve yapılandırır. Kullanıcı "workflow'u kur", "workflow'u ayarla", "dayanıklı ekle" gibi bir şey istediğinde kullanılır…

Tek bir API yüzeyini (fonksiyon, bileşen, dosya kuralı, yönerge veya yapılandırma seçeneği) belgeleyen bir API referans sayfası oluşturun. Sayfa kısa, taranabilir ve örnek odaklı olmalıdır.

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 bağdaştırıcısı, json-render'ın StateStore arayüzü için. json-render'ı @xstate/store ile entegre ederken @json-render/xstate üzerinden durum yönetimi için kullanın.

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…

Zero'u kurun ve sıfır becerileriyle sürüm uyumlu iş akışlarını yükleyin.

zero-native için keşif becerisi, web arayüzleriyle yerel uygulamalar oluşturmaya yönelik bir Zig masaüstü uygulama kabuğu. Kullanıcı zero-native'in ne olduğunu, nasıl oluşturulacağını sorduğunda kullanılır…

json-render'ın StateStore arayüzü için Zustand adaptörü. @json-render/zustand ile durum yönetimi için json-render'ı Zustand ile entegre ederken kullanın.