Skills Vercel

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

Panduan untuk menambahkan contoh fungsi AI baru, untuk menguji fitur spesifik terhadap API penyedia yang sebenarnya.

Panduan untuk menambahkan paket penyedia AI baru ke AI SDK. Gunakan saat membuat paket @ai-sdk/<provider> baru untuk mengintegrasikan layanan AI ke dalam SDK.

Guide for adding new AI provider packages to the AI SDK. Use when creating a new @ai-sdk/<provider> package to integrate an AI service into the SDK.

Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject,…

Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject,…

Mengotomatiskan interaksi browser untuk pengujian web, pengisian formulir, tangkapan layar, dan ekstraksi data.

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web…

CLI otomatisasi peramban untuk agen AI. Gunakan saat pengguna perlu berinteraksi dengan situs web, memverifikasi output server pengembangan, menguji aplikasi web, menavigasi halaman, mengisi formulir,…

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking…

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

Verifikasi peramban otomatis untuk server pengembangan. Dipicu saat server pengembangan mulai menjalankan pemeriksaan visual cepat dengan agent-browser — memverifikasi bahwa halaman dimuat,…

Verifikasi peramban otomatis untuk server pengembangan. Dipicu saat server pengembangan mulai menjalankan pemeriksaan visual cepat dengan agent-browser — memverifikasi bahwa halaman dimuat,…

Skill pendamping untuk kursus Agent-Friendly APIs di Vercel Academy. Bangun API umpan balik, buat agar ramah agen dengan dokumentasi terstruktur, lalu buat skill Claude Code yang menghasilkan dokumen secara otomatis.

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

Generate text, images, and video from the terminal using AI models.

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

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

Komponen React siap pakai untuk antarmuka obrolan AI yang dibangun di atas shadcn/ui dan AI SDK. Termasuk komponen percakapan, pesan, tampilan alat, dan input perintah yang dirancang untuk aplikasi native AI. Terinstal langsung ke basis kode proyek Anda melalui CLI, membuat komponen sepenuhnya dapat disesuaikan dan diperluas dengan pola React standar. Membutuhkan Next.js, AI SDK, shadcn/ui, dan Node.js 18+; terintegrasi dengan mulus dengan AI Gateway Vercel untuk akses model. Semua komponen mendukung atribut HTML standar...

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 expert guidance. Use when configuring model routing, provider failover, cost tracking, or managing multiple AI providers through a unified…

Vercel AI Gateway expert guidance. Use when configuring model routing, provider failover, cost tracking, or managing multiple AI providers through a unified…

Pola persistensi generasi AI — ID unik, URL yang dapat dialamatkan, penyimpanan basis data, dan pelacakan biaya untuk setiap generasi LLM

AI generation persistence patterns — unique IDs, addressable URLs, database storage, and cost tracking for every LLM generation

Dokumentasi referensi dan panduan praktis untuk membangun aplikasi bertenaga AI dengan Vercel AI SDK. Mencakup API inti untuk pembuatan teks, streaming, pemanggilan alat, output terstruktur, embeddings, dan pembuatan agen dengan ToolLoopAgent. Termasuk React hooks (useChat, useCompletion) dan pola khusus framework untuk Next.js, SvelteKit, serta platform lainnya. Menyediakan panduan integrasi penyedia untuk OpenAI, Anthropic, Google, dan lainnya, ditambah pengaturan AI Gateway untuk akses model terpadu...

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

Panduan ahli Vercel AI SDK. Gunakan saat membangun fitur bertenaga AI — antarmuka obrolan, pembuatan teks, keluaran terstruktur, pemanggilan alat, agen, 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,…

Menjawab pertanyaan tentang AI SDK dan membantu membangun fitur bertenaga AI. Gunakan ketika pengembang: (1) Bertanya tentang fungsi AI SDK seperti generateText, streamText,…

Vercel AI SDK expert guidance. Use when building AI-powered features — chat interfaces, text generation, structured output, tool calling, agents, MCP…

Konversi data penganalisis bundel Next.js ke NDJSON dan jelajahi

Emulated Sign in with Apple / Apple OIDC untuk pengembangan dan pengujian lokal. Gunakan saat pengguna perlu menguji masuk dengan Apple secara lokal, mengemulasi Apple OIDC…

Query the Next.js documentation RAG API for the topic: $ARGUMENTS

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

Panduan integrasi autentikasi — Clerk (Vercel Marketplace asli), Descope, dan pengaturan Auth0 untuk aplikasi Next.js. Mencakup pola auth middleware,…

Gunakan keterampilan ini saat membuat atau mengubah keterampilan agen di .agents/skills/ .

CLI tool for automated changeset-based releases with AI-generated descriptions. Use when the user needs to release a package, create changesets, bump versions,…

Emulated AWS cloud services (S3, SQS, IAM, STS) for local development and testing. Use when the user needs to interact with AWS API endpoints locally, test S3…

Memvalidasi durasi animasi, menerapkan skala tipografi, memeriksa aksesibilitas komponen, dan mencegah pola anti-tata letak dalam proyek Tailwind CSS. Gunakan ketika…

Visual comparison of web pages or elements across two URLs or images. Captures screenshots at desktop, mobile (375x812), or tablet (768x1024) viewports, with optional full-page scrolling Supports CSS selectors to isolate specific elements, and accepts file://, http://, https:// URLs or local image paths Generates markdown-formatted output with automatic image upload to 0x0.st (or GitHub Gist) for easy PR integration Includes Vercel deployment protection detection and GitHub CLI integration...

Skenario benchmark agen AI canggih yang mendorong fitur platform mutakhir Vercel — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

Skenario benchmark agen AI canggih yang mendorong fitur platform mutakhir Vercel — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

Rangkaian tolok ukur ujung-ke-ujung untuk vercel-plugin. Menjalankan proyek realistis melalui injeksi skill, meluncurkan server dev, memverifikasi semuanya berfungsi, menganalisis…

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…

Project bootstrapping orchestrator for repos that depend on Vercel-linked resources (databases, auth, and managed integrations). Use when setting up or…

Project bootstrapping orchestrator for repos that depend on Vercel-linked resources (databases, auth, and managed integrations). Use when setting up or…

Panduan komprehensif untuk membangun komponen UI modern, aksesibel, dan dapat dikomposisi. Mencakup taksonomi komponen (primitif, komponen, blok, templat), prinsip desain inti, dan implementasi aksesibilitas termasuk ARIA, navigasi keyboard, dan kepatuhan WCAG. Termasuk pola untuk API yang dapat dikomposisi, polimorfisme, state terkontrol/tidak terkontrol, dan pola as-child untuk komposisi elemen yang fleksibel. Memberikan panduan tentang token desain, sistem tema, pendekatan styling, dan penggunaan...

Capture API response test fixture.

Simpan dan kelola perlengkapan uji respons API untuk validasi penguraian penyedia. Perlengkapan diatur dalam subfolder __fixtures__ di dalam paket penyedia, menggunakan konvensi penamaan yang didokumentasikan dalam contoh yang ada. Mendukung dua pola pengujian: generateText (catat respons mentah ke konsol dan salin ke perlengkapan) dan streamText (gunakan pembantu includeRawChunks dan saveRawChunks untuk menangkap potongan streaming). Merekomendasikan penyimpanan respons penyedia asli kecuali batasan ukuran memerlukan pemotongan yang mempertahankan semantik...

Unified TypeScript SDK for building chat bots across Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear, and WhatsApp. Write bot logic once, deploy everywhere.

Panduan ahli Vercel Chat SDK. Gunakan saat membangun chatbot multi-platform — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — dengan…

Write chat bots once, deploy across Slack, Teams, Google Chat, Discord, GitHub, and Linear. Unified TypeScript SDK with platform-agnostic event handlers (mentions, messages, reactions, slash commands, actions) and normalized message format across all platforms Built-in streaming support for AI responses via AI SDK integration, plus JSX-based interactive cards with buttons, dropdowns, and form modals Pluggable state adapters for Redis, PostgreSQL, or in-memory persistence; webhook handlers...

Panduan ahli Vercel Chat SDK. Gunakan saat membangun chatbot multi-platform — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — dengan…

Panduan integrasi CMS headless — Sanity (Vercel Marketplace asli), Contentful, DatoCMS, Storyblok, dan Builder.io. Mencakup pengaturan studio, pemodelan konten,…

Headless CMS integration guidance — Sanity (native Vercel Marketplace), Contentful, DatoCMS, Storyblok, and Builder.io. Covers studio setup, content modeling,…

Meninjau perubahan kode dan memberikan umpan balik yang dapat ditindaklanjuti. Gunakan saat pengguna meminta untuk meninjau PR, diff, commit, atau perubahan kode. Dipicu oleh "/review", "review…

Utilitas pembuatan kode untuk json-render. Gunakan saat menghasilkan kode dari spesifikasi UI, membangun eksportir kode kustom, menelusuri spesifikasi, atau melakukan serialisasi properti untuk…

Definisi skema, pembuatan katalog, dan pembuatan prompt AI untuk spesifikasi json-render. Definisikan skema dengan spesifikasi bertipe dan katalog menggunakan defineSchema, lalu buat katalog yang memetakan nama komponen ke properti dan deskripsinya. Hasilkan prompt sistem AI dari katalog dengan aturan kustom opsional; mendukung streaming spesifikasi melalui patch JSONL dengan createSpecStreamCompiler. Ekspresi properti dinamis memungkinkan pengikatan status ($state, $bindState), kondisional ($cond), templating ($template), dan...

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…

Konfigurasi dan praktik terbaik Vercel Cron Jobs. Gunakan saat menambahkan, mengedit, atau men-debug tugas terjadwal di vercel.json.

Vercel Cron Jobs configuration and best practices. Use when adding, editing, or debugging scheduled tasks in vercel.json.

Menganalisis dan mentransformasi data CSV menggunakan alat bash

Bootstrap d3k in standalone AI apps (Codex, Cursor, Claude Code): detect/install dev3000, start d3k as the runtime, and use unified logs plus CDP browser…

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…

Menyebarkan aplikasi ke Vercel. Gunakan saat pengguna mengatakan "deploy", "deploy to Vercel", "push to production", "deploy my app", atau "go live".

Guides a user through collecting the credentials needed to deploy their own copy of Open Harness, deploying this repo on Vercel, and completing first-run…

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

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this…

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

Development and validation scripts for AI SDK functions across multiple providers and capabilities. Organized by AI SDK function category (text generation, streaming, structured output, embeddings, image generation, speech, transcription, reranking, and agents) File naming convention maps provider and feature combinations (e.g., openai-tool-call.ts , amazon-bedrock-anthropic-cache-control.ts ) for quick identification Includes shared utility helpers for error handling, environment loading,...

Drop-in inspector panel for any json-render app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runtime, see dispatched…

Pre-built custom directives for json-render — formatting, math, string manipulation, and i18n. Use when working with @json-render/directives, defining custom…

Expert guidance for Vercel's Edge Runtime — the lightweight JavaScript runtime for Vercel Edge Functions and Middleware. Use when building or configuring edge…

Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user…

Email sending integration guidance — Resend (native Vercel Marketplace) with React Email templates. Covers API setup, transactional emails, domain…

Email sending integration guidance — Resend (native Vercel Marketplace) with React Email templates. Covers API setup, transactional emails, domain…

Skill ini mengodekan filosofi Emil Kowalski tentang polesan UI, desain komponen, keputusan animasi, dan detail tak terlihat yang membuat perangkat lunak terasa hebat.

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…

Panduan ahli variabel lingkungan Vercel. Gunakan saat bekerja dengan file .env, perintah env vercel, token OIDC, atau mengelola konfigurasi spesifik lingkungan.

Panduan ahli variabel lingkungan Vercel. Gunakan saat bekerja dengan file .env, perintah vercel env, token OIDC, atau mengelola konfigurasi spesifik lingkungan.

You are a knowledgeable teaching assistant for the Building Filesystem Agents course on Vercel Academy. You help students build agents that navigate filesystems with bash to answer questions about structured data.

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

Use this skill when adding or changing framework feature flags in Next.js internals.

The Flags SDK ( flags npm package) is a feature flags toolkit for Next.js and SvelteKit. It turns each feature flag into a callable function, works with any flag provider via adapters, and keeps pages static using the precompute pattern. Vercel Flags is the first-party provider, letting you manage flags from the Vercel dashboard or the vercel flags CLI.

Buat antarmuka frontend yang khas dan berkualitas produksi dengan kualitas desain tinggi. Gunakan keterampilan ini saat pengguna meminta untuk membangun komponen web, halaman, artefak,…

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…

Panduan ahli untuk Geist, sistem tipografi default dan keluarga font Vercel untuk antarmuka Next.js yang presisi. Gunakan saat mengonfigurasi Geist Sans, Geist Mono, atau…

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…

Bangun pengalaman belajar yang eksploratif dan interaktif sebagai aplikasi Next.js menggunakan sistem desain Geist. Gunakan saat membuat tutorial, penjelasan yang dapat dieksplorasi,…

Expert guidance for Geistdocs, Vercel's documentation template built with Next.js and Fumadocs — MDX authoring, configuration, AI chat, i18n, feedback,…

Expert guidance for Geistdocs, Vercel's documentation template built with Next.js and Fumadocs — MDX authoring, configuration, AI chat, i18n, feedback,…

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

Emulasi Google OAuth 2.0, OpenID Connect, Gmail, Kalender, dan Drive untuk pengembangan dan pengujian lokal. Gunakan saat pengguna perlu menguji masuk dengan Google…

Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from…

Perender terminal Ink untuk json-render yang mengubah spesifikasi JSON menjadi UI terminal interaktif. Gunakan saat bekerja dengan @json-render/ink, membangun UI terminal dari…

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

Koordinator debugging yang terorkestrasi. Dipicu oleh sinyal frustrasi (macet, menggantung, rusak, menunggu) dan melakukan triase secara sistematis: log runtime → status alur kerja →…

How to be rescued from a lonely island

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.

Panduan rendering respons obrolan AI — menangani bagian UIMessage, tampilan panggilan alat, status streaming, dan penyajian data terstruktur. Gunakan saat membangun…

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

Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from…

Convert JSON specifications into type-safe React component trees with state management and dynamic expressions. Supports declarative UI specs with element trees, two-way data binding via $bindState , conditional rendering, and computed expressions Built-in state management through StateProvider with optional external store integration (Redux, Zustand, XState) and JSON Pointer-based state paths Event system with action dispatching, state watchers, and four built-in actions: setState ,...

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…

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

Komponen shadcn/ui yang sudah jadi untuk json-render. Gunakan saat bekerja dengan @json-render/shadcn, menambahkan komponen UI standar ke katalog, atau membangun antarmuka web dengan…

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.

List the contents of an npm package tarball before publishing. Use when the user wants to see what files are included in an npm bundle, verify package…

Inspect npm package tarball contents before publishing to verify what files will be distributed. Lists exact files that would be uploaded to npm, helping catch missing or unwanted inclusions before publish Respects files field in package.json, .npmignore , and .gitignore rules to show the actual bundle contents Automatically builds the package, creates a tarball, displays contents, and cleans up in a single command Run from the package directory with a simple bash script; useful for...

View Vercel deployment logs. Use when the user says "show logs", "check logs", "vercel logs", or "what went wrong with the deployment".

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…

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…

Panduan ahli Vercel Marketplace — menemukan, menginstal, dan membangun integrasi, variabel lingkungan yang dipasok secara otomatis, penagihan terpadu, dan…

Panduan ahli Vercel Marketplace — menemukan, menginstal, dan membangun integrasi, variabel lingkungan yang dipasok secara otomatis, penagihan terpadu, dan…

Adds AI Skills integration (Brand Review API) to a Sitecore Marketplace app. Use when the user wants to add AI-powered content analysis, brand review, or brand…

Adds a new extension point route to a Sitecore Marketplace app. Use when the user wants to add a custom field, dashboard widget, context panel, fullscreen…

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…

Deploys a Sitecore Marketplace app to Vercel with correct CSP headers and configuration.

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 Apps integration for json-render. Use when building MCP servers that render interactive UIs in Claude, ChatGPT, Cursor, or VS Code, or when integrating…

Panduan ahli untuk micro — kerangka kerja mikroservis HTTP asinkron oleh Vercel. Gunakan saat membangun server HTTP ringan, titik akhir API, atau mikroservis…

Expert guidance for micro — asynchronous HTTP microservices framework by Vercel. Use when building lightweight HTTP servers, API endpoints, or microservices…

Emulated Microsoft Entra ID (Azure AD) OAuth 2.0 / OpenID Connect for local development and testing. Use when the user needs to test Microsoft sign-in locally,…

Migrates Temporal, Inngest, Trigger.dev, and AWS Step Functions workflows to the Workflow SDK. Use when porting Activities, Workers, Signals, step.run(),…

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…

Adaptor Next.js untuk menyematkan emulator langsung di aplikasi Next.js melalui @emulators/adapter-next. Gunakan saat pengguna perlu menyematkan emulator di Next.js, menyiapkan…

Next.js renderer for json-render that turns JSON specs into full Next.js applications with routes, layouts, SSR, and metadata. Use when working with…

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

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

Praktik terbaik Next.js - konvensi file, batasan RSC, pola data, API asinkron, metadata, penanganan kesalahan, penangan rute, optimasi gambar/font,…

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

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

If next-browser is not already on PATH, install @vercel/next-browser globally with the user's package manager, then playwright install chromium .

Mix static, cached, and dynamic content in a single Next.js route with Partial Prerendering. Enable with cacheComponents: true in next.config.ts ; replaces the old experimental.ppr flag Use the 'use cache' directive at file, component, or function level to cache async data with automatic key generation based on arguments and closures Control cache lifetime with cacheLife() using built-in profiles ( 'minutes' , 'hours' , 'days' , 'weeks' , 'max' ) or inline configuration with stale,...

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

Panduan Komponen Cache Next.js 16 — PPR, gunakan arahan cache, cacheLife, cacheTag, updateTag, dan migrasi dari unstable_cache. Gunakan saat mengimplementasikan…

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

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

Next.js 16 Cache Components guidance — PPR, use cache directive, cacheLife, cacheTag, updateTag, and migration from unstable_cache. Use when implementing…

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…

Bantuan ahli untuk next-forge — template Turborepo tingkat produksi untuk aplikasi SaaS Next.js. Dipicu oleh pertanyaan tentang instalasi, pengaturan, dan penggunaan next-forge.

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

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…

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

Memutakhirkan Next.js ke versi terbaru dengan mengikuti panduan migrasi resmi dan codemod

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…

Konfigurasikan penyedia OAuth (Google, Apple, Microsoft, Facebook, GitHub, dll.) agar berfungsi dengan URL dev lokal tanpa port. Gunakan saat menyiapkan URI pengalihan OAuth,…

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

Panduan ahli Vercel Observability — Drains (log, jejak, wawasan kecepatan, analitik web), Analitik Web, Wawasan Kecepatan, log runtime, peristiwa kustom,…

Fetch dependency source code to give AI agents deeper implementation context. Use when the agent needs to understand how a library works internally, read…

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

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

Holistic, system-aware planning before implementing non-trivial tasks. Use when the task involves new features, architectural decisions, multi-file changes,…

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

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

URL .localhost bernama untuk server pengembangan, menghilangkan konflik port dan nomor port yang dikodekan secara tetap. Menetapkan port bebas acak (4000–4999) secara otomatis dan merutekan subdomain bernama (misalnya myapp.localhost:1355) ke aplikasi yang benar melalui proxy terbalik pada port 1355. Mendeteksi secara otomatis git worktrees dan menambahkan nama cabang sebagai awalan subdomain sehingga setiap worktree mendapatkan URL unik tanpa perubahan konfigurasi. Mendukung HTTP/2 dengan HTTPS melalui sertifikat CA lokal yang dibuat secara otomatis; menyertakan perintah CLI untuk proxy...

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

Minimal WebGPU shader library for creative coding and real-time graphics. Provides fullscreen passes, particles, compute shaders, render targets, and ping-pong…

Konversi spesifikasi JSON menjadi pohon komponen React dengan props yang aman tipe dan manajemen status. Definisikan katalog dengan skema Zod untuk props komponen, lalu implementasikan komponen dengan keamanan tipe dan validasi otomatis. Manajemen status bawaan melalui StateProvider dengan pengikatan dua arah ($bindState), rendering bersyarat, dan integrasi penyimpanan eksternal (Redux, Zustand, XState). Sistem event dengan pengiriman aksi, pemantau status, dan empat aksi bawaan (setState, pushState, removeState,...

Panduan optimasi performa React dan Next.js dari Vercel Engineering. Skill ini harus digunakan saat menulis, meninjau, atau merefaktor kode React/Next.js untuk memastikan pola performa yang optimal. Dipicu pada tugas yang melibatkan komponen React, halaman Next.js, pengambilan data, optimasi bundel, atau peningkatan performa.

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

Peninjau praktik terbaik React untuk file TSX. Dipicu setelah mengedit beberapa komponen TSX untuk menjalankan daftar periksa kualitas yang ringkas mencakup struktur komponen,…

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…

Gunakan skill ini untuk perubahan yang menyentuh React yang divendor, react-server-dom-webpack/*, atau batas lapisan react-server.

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 — jalankan gates, naikkan versi, hasilkan artefak, commit, dan push. Gunakan saat diminta untuk "release", "ship", "bump and push", atau "cut a release".

Release vercel-plugin — jalankan gates, naikkan versi, hasilkan artefak, commit, dan push. Gunakan saat diminta untuk "release", "ship", "bump and push", atau "cut a release".

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

Praktik terbaik untuk Remotion - Pembuatan video di 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…

Use this skill when writing or modifying tests that involve prefetch requests, client router navigations, or the segment cache. The createRouterAct utility from test/lib/router-act.ts lets you assert on prefetch and navigation responses in an end-to-end way without coupling to the exact number of requests or the protocol details. This is why most client router-related tests use this pattern.

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

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

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

Panduan API Cache Runtime Vercel — cache nilai-kunci per wilayah sementara dengan pembatalan berbasis tag. Dibagikan di seluruh Functions, Routing Middleware, dan 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,…

Panduan ahli untuk Satori — pustaka Vercel yang mengonversi HTML dan CSS ke SVG, umum digunakan untuk menghasilkan gambar OG dinamis untuk Next.js dan kerangka kerja lainnya.

Panduan ahli untuk Satori — pustaka Vercel yang mengonversi HTML dan CSS ke SVG, umum digunakan untuk menghasilkan gambar OG dinamis untuk Next.js dan kerangka kerja lainnya.

Siapkan CLI Vercel dan konfigurasi proyek. Gunakan saat pengguna mengatakan "set up Vercel", "configure Vercel", "link to Vercel", atau "vercel init".

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…

Panduan ahli shadcn/ui — CLI, instalasi komponen, pola komposisi, registri kustom, tema, integrasi Tailwind CSS, dan antarmuka berkualitas tinggi…

Pre-built shadcn-svelte components for json-render Svelte apps. Use when working with @json-render/shadcn-svelte, adding standard UI components to a Svelte…

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…

Panduan untuk membuat skill yang efektif. Skill ini harus digunakan ketika pengguna ingin membuat skill baru (atau memperbarui skill yang sudah ada) yang memperluas kemampuan Claude…

API Slack yang diemulasikan untuk pengembangan dan pengujian lokal. Gunakan ketika pengguna perlu berinteraksi dengan endpoint API Slack secara lokal, menguji integrasi Slack, mengemulasi…

Gunakan saat mengerjakan kode agen/bot Slack, aplikasi Chat SDK, proyek Bolt untuk JavaScript, atau proyek yang menggunakan @chat-adapter/slack atau @slack/bolt. Menyediakan…

Perender SolidJS untuk json-render. Gunakan saat membangun katalog/registri @json-render/solid, menghubungkan penyedia Renderer, mengimplementasikan binding/aksi, atau…

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

Streaming-optimized React Markdown renderer with syntax highlighting, diagrams, math, and AI chat integration. Supports four optional plugins: code syntax highlighting via Shiki (200+ languages), Mermaid diagrams, LaTeX math rendering, and CJK text support Two rendering modes: streaming (with animated caret cursor for AI chat) and static (for blogs and documentation) Built-in security features including link safety modals, HTML tag filtering, URL sanitization, and configurable element...

API Stripe yang diemulasi untuk pengembangan dan pengujian lokal. Gunakan saat pengguna perlu memproses pembayaran secara lokal, menguji alur checkout, membuat pelanggan, mengelola…

Expert guidance for styled-jsx — scoped CSS-in-JS for React and Next.js. Use when writing component-scoped styles with the styled-jsx babel plugin, using…

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 data-fetching expert guidance. Use when building React apps with client-side data fetching, caching, revalidation, mutations, optimistic UI, pagination, or…

Menganalisis dan mengubah file teks menggunakan alat bash

Panduan ahli Turbopack. Gunakan saat mengonfigurasi bundler Next.js, mengoptimalkan HMR, men-debug masalah build, atau memahami perbandingan Turbopack vs Webpack…

Panduan ahli Turbopack. Gunakan saat mengonfigurasi bundler Next.js, mengoptimalkan HMR, men-debug masalah build, atau memahami perbandingan Turbopack vs Webpack…

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

Sistem build untuk monorepo JavaScript/TypeScript. Turborepo menyimpan cache output tugas dan menjalankan tugas secara paralel berdasarkan grafik dependensi.

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…

Ketika kloning diperlukan:

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

Add new or remove obsolete model IDs for existing AI SDK providers. Use when adding a model to a provider, removing an obsolete model, or processing a list of…

Add new or remove obsolete model IDs for existing AI SDK providers. Use when adding a model to a provider, removing an obsolete model, or processing a list of…

Panduan ahli v0 oleh Vercel. Gunakan saat membahas pembuatan kode AI, menghasilkan komponen UI dari perintah, penggunaan CLI v0, integrasi SDK/API v0, atau…

Panduan ahli v0 oleh Vercel. Gunakan saat membahas pembuatan kode AI, menghasilkan komponen UI dari perintah, penggunaan CLI v0, integrasi SDK/API v0, atau…

Gunakan keterampilan ini saat menulis atau mengoptimalkan jalur kode yang kritis terhadap performa di internal server Next.js — terutama jalur panas per-permintaan seperti rendering, streaming, routing, dan 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,…

Deploy applications and websites to Vercel. Use this skill when the user requests deployment actions such as "Deploy my app", "Deploy this to production", "Create a preview deployment", "Deploy and give me the link", or "Push this live". No authentication required - returns preview URL and claimable deployment link.

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

Panduan ahli Vercel MCP dan REST API. Gunakan saat agen membutuhkan akses langsung ke proyek Vercel, deployment, variabel lingkungan, domain, log, atau…

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 expert guidance. Use when deploying, managing environment variables, linking projects, viewing logs, querying metrics, managing domains, or…

Antarmuka baris perintah untuk men-deploy, mengelola, dan mengembangkan proyek Vercel secara lokal serta dalam pipeline CI/CD. Memerlukan penautan proyek secara eksplisit melalui vercel link (proyek tunggal) atau vercel link --repo (monorepo); perintah harus dijalankan dari direktori yang berisi folder .vercel/. Alur kerja inti: vercel dev untuk pengembangan lokal, vercel deploy untuk deployment pratinjau, vercel --prod untuk produksi. Mendukung variabel lingkungan, domain, DNS, penyimpanan blob, integrasi, backend Node.js,...

Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login —…

Menyebarkan dan mengelola proyek di Vercel menggunakan autentikasi berbasis token. Gunakan saat bekerja dengan Vercel CLI menggunakan token akses, bukan login interaktif —…

Pola komposisi React untuk menskalakan komponen dan menghindari proliferasi properti boolean. Mencakup empat kategori prioritas: arsitektur komponen, manajemen status, pola implementasi, dan API React 19, masing-masing dengan aturan spesifik dan contoh kode. Termasuk 10+ pola bernama yang membahas komponen majemuk, penyedia konteks, pengangkatan status, dan varian eksplisit. Dirancang untuk merefaktor komponen yang membengkak, membangun pustaka yang dapat digunakan kembali, dan meninjau keputusan arsitektur komponen. 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.

Pola komposisi React yang dapat diskalakan. Gunakan saat melakukan refaktor komponen dengan

Instant deployment to Vercel with auto-detected frameworks and no authentication required. Packages projects into tarballs, auto-detects frameworks from package.json , and returns a live preview URL plus a claimable deployment link for account transfer Supports 20+ frameworks across React, Vue, Svelte, backend runtimes, and static HTML projects Excludes node_modules and .git from deployments to minimize package size Returns both human-readable URLs and JSON output for programmatic integration

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…

Menerapkan aplikasi dan situs web ke Vercel. Gunakan skill ini saat pengguna meminta tindakan deployment seperti "Deploy aplikasi saya", "Deploy ini ke produksi",…

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…

Panduan ahli Vercel Functions — Serverless Functions, Edge Functions, Fluid Compute, streaming, Cron Jobs, dan konfigurasi runtime. Gunakan saat mengonfigurasi,…

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

Guide for building, configuring, and deploying microfrontends on Vercel. Use this skill when the user mentions microfrontends, multi-zones, splitting an app…

Gunakan untuk optimasi biaya dan performa Vercel pada proyek yang sudah di-deploy, terutama Next.js, SvelteKit, Nuxt, dan aplikasi Astro terbatas. Kumpulkan metrik Vercel, penggunaan, konfigurasi proyek, dan hasil pemindaian kode terlebih dahulu; selidiki hanya kandidat yang didukung metrik; hasilkan rekomendasi berperingkat yang didasarkan pada file yang terverifikasi dan dokumentasi Vercel/framework yang sesuai versi. Dipicu untuk pengurangan tagihan Vercel, rute yang lambat atau mahal, peluang caching, Function Invocations, Build Minutes, Fast Data Transfer, Core...

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

Jalankan sesi eval langsung terhadap vercel-plugin untuk memverifikasi perilaku hook, injeksi skill, kebenaran dedup, dan cakupan. Meluncurkan sesi Claude Code nyata…

Building Python backend services using Vercel's experimentalServices API. Use when creating Python backends, or multi-service projects with a Python backend…

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

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

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

React and Next.js performance optimization guide with 64 prioritized rules across 8 categories. Organized by impact level, from critical waterfalls and bundle optimization down to advanced patterns, each rule includes incorrect/correct code examples and explanations Covers eight domains: async patterns, bundle size, server-side caching, client-side data fetching, re-render optimization, rendering performance, JavaScript efficiency, and advanced patterns Designed for use during component...

Panduan optimasi performa React dan Next.js dari Vercel Engineering. Skill ini harus digunakan saat menulis, meninjau, atau merefaktor kode React/Next.js…

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

Panduan optimasi performa React dan Next.js dari Vercel Engineering. Skill ini harus digunakan saat menulis, meninjau, atau merefaktor kode React/Next.js…

Panduan optimasi performa React dan Next.js dari Vercel Engineering. Skill ini harus digunakan saat menulis, meninjau, atau merefaktor kode React/Next.js…

Panduan optimasi performa React dan Next.js dari Vercel Engineering. Skill ini harus digunakan saat menulis, meninjau, atau merefaktor kode React/Next.js…

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

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 and Expo best practices for building performant mobile apps. Use

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

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

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 guidance — ephemeral Firecracker microVMs for running untrusted code safely. Supports AI agents, code generation, and experimentation. Use when…

Layanan Vercel — gunakan untuk men-deploy beberapa layanan dalam satu proyek Vercel. Cocok untuk tata letak monorepo atau saat menggabungkan backend (Python, Go) dengan frontend…

Vercel Services — deploy multiple services within a single Vercel project. Use for monorepo layouts or when combining a backend (Python, Go) with a frontend…

Panduan ahli penyimpanan Vercel — Blob, Edge Config, dan penyimpanan Marketplace (Neon Postgres, Upstash Redis). Gunakan saat memilih, mengonfigurasi, atau menggunakan data…

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

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…

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…

Perender Vue 3 untuk json-render. Gunakan saat membangun antarmuka Vue dari spesifikasi JSON, bekerja dengan @json-render/vue, mendefinisikan registri komponen Vue, atau merender…

Tinjau kode UI untuk kepatuhan terhadap Web Interface Guidelines. Gunakan saat diminta untuk "meninjau UI saya", "memeriksa aksesibilitas", "mengaudit desain", "meninjau UX", atau "memeriksa situs saya terhadap praktik terbaik".

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

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…

Tinjau kode UI untuk kepatuhan terhadap Pedoman Antarmuka Web. Gunakan saat diminta untuk "tinjau UI saya", "periksa aksesibilitas", "audit desain", "tinjau UX", atau "periksa situs saya…

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…

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…

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…

Create and record scripted browser demo videos with webreel. Generates MP4, GIF, or WebM recordings with cursor animation, keystroke overlays, and sound…

Creates durable, resumable workflows using Vercel's Workflow DevKit. Use when building workflows that need to survive restarts, pause for external events,…

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

Workflow yang tahan lama dan dapat dilanjutkan dengan orkestrasi berbasis langkah, kait untuk peristiwa eksternal, dan dukungan agen AI bawaan. Mendukung tiga mode eksekusi: fungsi workflow (lapisan orkestrasi), fungsi langkah (akses Node.js penuh dengan percobaan ulang otomatis dan persistensi hasil), serta DurableAgent untuk workflow bertenaga AI dengan integrasi alat. Jeda workflow di kait untuk menunggu peristiwa eksternal, lalu lanjutkan dari rute API; kait mendukung peristiwa tunggal atau pola multi-peristiwa yang dapat diulang dengan...

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.

Produce a technical guide that teaches a real-world use case through progressive examples. Concepts are introduced only when the reader needs them.

Tinjau dokumen/prosa untuk kepatuhan terhadap Pedoman Penulisan. Gunakan saat diminta untuk "tinjau dokumen saya", "periksa gaya penulisan", "audit prosa", "tinjau suara dan nada dokumen", atau "periksa halaman ini terhadap buku pedoman penulisan".

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

YAML wire format for json-render with streaming parser, prompt generation, and AI SDK transform. Use when working with @json-render/yaml, YAML-based spec…

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