Skills Vercel

Tambahkan adaptor resmi vendor atau komunitas ke katalog dan dokumentasi Chat SDK — registri adapters.json, entri katalog chat/adapters, halaman MDX docs,…

Tambahkan kode diagnostik baru sesuai dengan konvensi defineDiagnostics() dari nostics

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

Panduan untuk menambahkan paket harness AI SDK baru. Gunakan saat membuat paket @ai-sdk/harness-<name> baru yang mengadaptasi runtime coding-agent ke HarnessV1.

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.

Admin UI and operator surface debugging for vercel-openclaw: command shell design, admin actions, request core, status panels, launch verification UI, channel…

Buat dan kelola Catatan Keputusan Arsitektur (ADR) yang dioptimalkan untuk alur kerja pengkodean agen. Gunakan saat Anda perlu mengusulkan, menulis, memperbarui, menerima/menolak,…

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

Mengotomatiskan interaksi browser untuk pengujian web, pengisian formulir, tangkapan layar, dan ekstraksi data. Gunakan saat pengguna perlu menavigasi situs web, berinteraksi dengan web…

CLI otomatisasi peramban untuk agen AI. Gunakan ketika pengguna

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

Hasilkan teks, gambar, dan video dari terminal menggunakan model AI.

Panduan pustaka komponen AI Elements — komponen React siap pakai untuk antarmuka AI yang dibangun di atas shadcn/ui. Gunakan saat membangun UI obrolan, tampilan pesan, alat…

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

Panduan ahli Vercel AI Gateway. Gunakan saat mengonfigurasi perutean model, failover penyedia, pelacakan biaya, atau mengelola beberapa penyedia AI melalui satu…

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

Panduan ahli Vercel AI SDK. Gunakan saat membangun fitur bertenaga AI — antarmuka obrolan, pembuatan teks, keluaran terstruktur, pemanggilan alat, agen, MCP…

Menjawab pertanyaan tentang AI SDK dan membantu membangun fitur bertenaga AI. Gunakan ketika pengembang: (1) Bertanya tentang fungsi AI SDK seperti 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,…

Konversi data penganalisis bundel Next.js ke NDJSON dan jelajahi

Menghasilkan dokumentasi markdown yang ramah agen untuk rute API. Gunakan saat pengguna mengatakan "buat dokumentasi", "dokumentasikan API ini", "buat dokumentasi API", atau "buat…

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…

Kueri API RAG dokumentasi Next.js untuk topik: $ARGUMENTS

Migrasikan aplikasi Astro dari Webflow Cloud ke Vercel. Gunakan skill ini ketika pengguna ingin memindahkan, memigrasikan, atau memporting aplikasi Astro dari Webflow Cloud ke…

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

Debug autentikasi dan penyimpanan untuk vercel-openclaw: mode admin-secret, Sign in with Vercel, cookie sesi, CSRF, LOCAL_READ_ONLY, penyimpanan Redis vs memori, keyspace…

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

Automate and inspect running zero-native WebView shell apps via the built-in automation server. Use when the user asks to test the app, list windows, take a…

Alat CLI untuk rilis otomatis berbasis changeset dengan deskripsi yang dihasilkan AI. Gunakan saat pengguna perlu merilis paket, membuat changeset, menaikkan versi,…

Layanan cloud AWS yang diemulasi (S3, SQS, IAM, STS) untuk pengembangan dan pengujian lokal. Gunakan saat pengguna perlu berinteraksi dengan titik akhir API AWS secara lokal, menguji S3…

Melakukan backport pull request Next.js yang sudah digabung dari canary ke cabang rilis sebelumnya seperti next-16-2. Gunakan saat pengguna meminta untuk backport, cherry-pick, atau membuka…

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

Perbandingan visual halaman web atau elemen di dua URL atau gambar. Mengambil tangkapan layar pada viewport desktop, mobile (375x812), atau tablet (768x1024), dengan opsi scrolling halaman penuh. Mendukung pemilih CSS untuk mengisolasi elemen tertentu, dan menerima URL file://, http://, https:// atau jalur gambar lokal. Menghasilkan output berformat markdown dengan unggahan gambar otomatis ke 0x0.st (atau GitHub Gist) untuk integrasi PR yang mudah. Termasuk deteksi perlindungan deployment Vercel dan integrasi GitHub CLI...

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 keterampilan, meluncurkan server pengembangan, memverifikasi semuanya berfungsi, menganalisis…

Jalankan skenario evaluasi vercel-plugin di Vercel Sandbox, bukan di panel WezTerm lokal. Menyediakan microVM sementara dengan Claude Code + plugin yang sudah terinstal sebelumnya,…

Buat dan luncurkan proyek pengujian tolok ukur untuk menguji injeksi skill vercel-plugin di berbagai skenario realistis. Menyiapkan direktori terisolasi, menginstal…

Orkestrator bootstrap proyek untuk repositori yang bergantung pada sumber daya terhubung Vercel (database, autentikasi, dan integrasi terkelola). Gunakan saat menyiapkan atau…

Membangun atau menyesuaikan toko Shopify dengan pola berbasis sumber Vercel Shop. Gunakan saat membuat, mendesain ulang, merefaktor, atau meninjau rute toko,…

Keahlian pendamping untuk kursus Building Agents with eve di Vercel Academy. Gunakan ketika pengguna menyebut "building agents with eve", "kursus eve", "sepeda…

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

Panduan ahli untuk Komponen Cache Next.js dan Prerender Parsial (PPR). **AKTIVASI PROAKTIF**: Gunakan skill ini secara otomatis saat bekerja di Next.js…

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

Debug caching CDN Vercel — tingkat cache hit, konten basi, perilaku revalidasi, ISR + PPR, alasan cache per permintaan (cacheReason), dan biaya.

Triase webhook saluran untuk masalah Slack/Telegram/Discord/WhatsApp vercel-openclaw: buktikan status deployment, kumpulkan titik akhir kesiapan admin, bangun…

Audit paritas rute webhook untuk perubahan pengiriman saluran: pastikan jalur terminal mencatat log, merekam lastForward, mengklasifikasikan kegagalan, dan memperbarui URL port sandbox yang kedaluwarsa.

We need to translate the given English text into Bahasa Indonesia. The text describes a chat SDK. We must preserve the name "chat-sdk" if it appears, but it doesn't appear in the text. The text is a single paragraph. We should translate naturally, keeping technical terms like "Slack", "Teams", "Google Chat", "Discord", "GitHub", "Linear", "TypeScript SDK", "AI SDK", "Redis", "PostgreSQL", "JSX", etc. as they are. Also preserve numbers and URLs (none here). No extra commentary. Translation: "Tulis chatbot sekali, terapkan di Slack, Teams, Google Chat, Discord, GitHub, dan Linear. SDK TypeScript terpadu dengan penanganan event yang tidak bergantung platform (sebutan, pesan, reaksi, perintah garis miring, tindakan) dan format pesan yang dinormalisasi di semua platform. Dukungan streaming bawaan untuk respons AI melalui integrasi AI SDK, ditambah kartu interaktif berbasis JSX dengan tom

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

SDK TypeScript terpadu untuk membangun chatbot di Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear, dan WhatsApp. Tulis logika bot sekali, terapkan di mana saja.

Digunakan untuk perubahan pada paket/cli yang memengaruhi UX perintah, prompt, bantuan, tata letak output, progres, keberhasilan, peringatan, kesalahan, kontrak JSON/stdout/stderr,…

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

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…

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

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

Panduan lengkap untuk migrasi proyek Create React App (CRA) ke Next.js. Gunakan saat memigrasi aplikasi CRA, mengonversi React Router ke routing berbasis file, atau…

Buat video Remotion menggunakan estetika sistem desain Geist. Gunakan saat diminta membuat video, animasi, atau grafik gerak yang mengikuti gaya Vercel…

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

Debugging cron dan watchdog untuk vercel-openclaw: Auth Cron Vercel, pekerjaan OpenClaw yang dipertahankan, kunci bangun cron, penyegaran token, oracle pemulihan, cadangan panas, dan…

Menganalisis dan mentransformasi data CSV menggunakan alat bash

Mem-bootstrap d3k dalam aplikasi AI mandiri (Codex, Cursor, Claude Code): mendeteksi/menginstal dev3000, memulai d3k sebagai runtime, dan menggunakan log terpadu serta browser CDP…

Gunakan skill ini saat mengubah jalur require() bersyarat, impor khusus Node, atau percabangan edge/runtime.

Jalankan DeepSec terhadap pemeriksaan proyek Vercel dari dev3000. Gunakan untuk pengaturan DeepSec satu klik, bootstrap konteks proyek, pemrosesan awal terbatas, dan…

Gunakan deepsec (pemindai kerentanan bertenaga AI) — menjalankan pemindaian, mengonfigurasi proyek, menulis pencocok, dan membuat plugin. Aktif saat pengguna bertanya…

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

Memandu pengguna dalam mengumpulkan kredensial yang diperlukan untuk menyebarkan salinan Open Harness mereka sendiri, menyebarkan repositori ini di Vercel, dan menyelesaikan proses pertama kali...

Menerapkan aplikasi dan situs web ke Vercel dengan integrasi git otomatis dan URL pratinjau. Mendukung tiga jalur penerapan: git-push (ideal untuk proyek yang ditautkan), penerapan CLI langsung, dan fallback tanpa autentikasi untuk lingkungan sandbox. Secara otomatis mendeteksi status proyek (ditautkan melalui .vercel/project.json atau .vercel/repo.json, keberadaan remote git, autentikasi CLI) dan memilih metode penerapan terbaik. Menangani pemilihan tim untuk akun multi-tim dan menggunakan --scope untuk menerapkan ke yang benar...

Panduan ahli deployment dan CI/CD Vercel. Gunakan saat melakukan deployment, promosi, rollback, inspeksi deployment, membangun dengan --prebuilt, atau mengonfigurasi CI…

Skrip pengembangan dan validasi untuk fungsi AI SDK di berbagai penyedia dan kemampuan. Diatur berdasarkan kategori fungsi AI SDK (generasi teks, streaming, keluaran terstruktur, embeddings, generasi gambar, ucapan, transkripsi, peringkat ulang, dan agen). Konvensi penamaan file memetakan kombinasi penyedia dan fitur (misalnya, openai-tool-call.ts, amazon-bedrock-anthropic-cache-control.ts) untuk identifikasi cepat. Termasuk pembantu utilitas bersama untuk penanganan kesalahan, pemuatan lingkungan,...

Panel inspektor siap pakai untuk aplikasi json-render apa pun. Gunakan saat pengguna ingin men-debug UI generatif, memeriksa pohon spesifikasi, mengedit status saat runtime, melihat yang dikirimkan…

Direktif kustom bawaan untuk json-render — pemformatan, matematika, manipulasi string, dan i18n. Gunakan saat bekerja dengan @json-render/directives, mendefinisikan kustom…

Discord channel specialist workflow: debug interaction webhooks, Ed25519 signatures, deferred replies, workflow forwarding to /discord-webhook, integration…

Panduan ahli untuk Edge Runtime Vercel — runtime JavaScript ringan untuk Vercel Edge Functions dan Middleware. Gunakan saat membangun atau mengonfigurasi edge…

Panduan integrasi pengiriman email — Resend (native Vercel Marketplace) dengan template React Email. Mencakup pengaturan API, email transaksional, domain…

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

Emulator API drop-in lokal untuk Vercel, GitHub, Google, Slack, Apple, Microsoft, dan AWS. Gunakan saat pengguna perlu memulai layanan yang diemulasikan, mengonfigurasi seed…

Tambahkan Vercel Analytics, Vercel Speed Insights, dan Google Tag Manager ke etalase toko.

Aktifkan i18n berbasis next-intl di template toko — URL dengan prefiks lokal, katalog pesan per lokal, dan pengalih lokal. Gunakan saat pengguna ingin "lokal…

Hubungkan metaobject Shopify sebagai CMS untuk konten halaman utama dan halaman pemasaran. Menambahkan kueri GraphQL untuk tipe metaobject cms_homepage dan cms_page serta mentransformasi…

Aktifkan Shopify Markets dengan perutean multi-lokal menggunakan next-intl. Gunakan saat pengguna ingin menambahkan internasionalisasi, dukungan multi-lokal, prefiks lokal…

Replace the hardcoded nav and footer menus with Shopify-powered menus.

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

Bangun agen AI backend yang tahan lama dengan kerangka kerja eve. Gunakan saat membuat, mengedit, atau men-debug proyek eve — instruksi agen, keterampilan, alat,…

Bangun agen AI yang tahan lama dan aplikasi bertenaga agen dengan kerangka kerja eve. Gunakan saat membuat, mengedit, atau men-debug proyek eve, atau saat memilih…

Use Shopify AI Toolkit to inspect live Storefront and Customer Account GraphQL schemas for Vercel Shop work.

Anda adalah asisten pengajar yang berpengetahuan luas untuk kursus Building Filesystem Agents di Vercel Academy. Anda membantu siswa membangun agen yang menavigasi sistem file dengan bash untuk menjawab pertanyaan tentang data terstruktur.

Temukan dan pasang keterampilan agen khusus dari ekosistem terbuka saat pengguna membutuhkan kemampuan yang diperluas. Membantu mengidentifikasi keterampilan yang relevan berdasarkan domain dan tugas saat pengguna bertanya "bagaimana cara melakukan X" atau "cari keterampilan untuk X". Terintegrasi dengan Skills CLI (npx skills find, npx skills add) untuk mencari, memverifikasi, dan memasang paket dari direktori skills.sh. Merekomendasikan keterampilan berdasarkan jumlah pemasangan, reputasi sumber, dan bintang GitHub untuk memastikan kualitas sebelum menyarankan pemasangan. Menyajikan keterampilan...

Firewall dan debugging Vercel AI Gateway untuk vercel-openclaw: daftar izin kebijakan jaringan, penyegaran token OIDC, aturan transformasi AI Gateway, firewall…

Gunakan skill ini saat menambahkan atau mengubah bendera fitur framework di internal Next.js.

Flags SDK (paket npm flags) adalah toolkit fitur flags untuk Next.js dan SvelteKit. Ini mengubah setiap fitur flag menjadi fungsi yang dapat dipanggil, bekerja dengan penyedia flag apa pun melalui adaptor, dan menjaga halaman tetap statis menggunakan pola precompute. Vercel Flags adalah penyedia pihak pertama, yang memungkinkan Anda mengelola flags dari dasbor Vercel atau CLI vercel flags.

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

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

Debug gateway dan proxy untuk vercel-openclaw: routing /gateway, injeksi HTML, penulisan ulang WebSocket, serah terima gateway-token, halaman tunggu, detak jantung status,…

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

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

Panduan ahli untuk Geistdocs, template dokumentasi Vercel yang dibangun dengan Next.js dan Fumadocs — penulisan MDX, konfigurasi, obrolan AI, i18n, umpan balik,…

Emulasi REST API GitHub untuk pengembangan dan pengujian lokal. Gunakan saat pengguna perlu berinteraksi dengan endpoint API GitHub secara lokal, menguji integrasi GitHub,…

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

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

Use when building Hono web applications deployed to Vercel, or when the user asks about Hono APIs, routing, middleware, JSX, validation, testing, or streaming.…

Perender gambar untuk json-render yang mengubah spesifikasi JSON menjadi gambar SVG dan PNG melalui Satori. Gunakan saat bekerja dengan @json-render/image, menghasilkan gambar OG dari…

Inisialisasi toko Vercel Shop baru dengan CLI create-vercel-shop resmi. Gunakan saat pengguna ingin membuat, menyiapkan, memulai, atau menginisialisasi Vercel…

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…

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

Cara diselamatkan dari pulau terpencil

Adaptor Jotai untuk ant

Panduan rendering respons obrolan AI — men

Definisi skema, pembuatan katalog, dan streaming spesifikasi untuk rendering JSON berbasis AI. Definisikan skema dengan spesifikasi bertipe dan katalog komponen menggunakan defineSchema dan defineCatalog; hasilkan prompt AI secara otomatis atau dengan aturan kustom. Dukung ekspresi properti dinamis termasuk pengikatan state ($state, $bindState), kondisional ($cond), templat, dan fungsi komputasi. Streaming respons AI sebagai patch JSONL menggunakan createSpecStreamCompiler untuk pembangunan spesifikasi progresif. Validasi bawaan,...

Perender gambar untuk json-render yang mengubah spesifikasi JSON menjadi gambar SVG dan PNG melalui Satori. Gunakan saat bekerja dengan @json-render/image, menghasilkan gambar OG dari…

Konversikan spesifikasi JSON menjadi pohon komponen React yang aman terhadap tipe dengan manajemen status dan ekspresi dinamis. Mendukung spesifikasi UI deklaratif dengan pohon elemen, pengikatan data dua arah melalui $bindState, rendering bersyarat, dan ekspresi terhitung. Manajemen status bawaan melalui StateProvider dengan integrasi penyimpanan eksternal opsional (Redux, Zustand, XState) dan jalur status berbasis JSON Pointer. Sistem event dengan pengiriman aksi, pemantau status, dan empat aksi bawaan: setState,...

Perender React Email untuk json-render yang mengubah spesifikasi JSON menjadi email HTML atau teks biasa menggunakan @react-email/components dan @react-email/render. Gunakan ketika…

Perender React Native untuk json-render yang mengubah spesifikasi JSON menjadi antarmuka pengguna native mobile. Gunakan saat bekerja dengan @json-render/react-native, membangun antarmuka pengguna React Native…

Perender Remotion untuk json-render yang mengubah spesifikasi linimasa JSON menjadi video. Gunakan saat bekerja dengan @json-render/remotion, menyusun komposisi video dari…

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…

Memperbaiki pengetahuan LLM yang usang tentang platform Vercel dan memperkenalkan produk baru. Disuntikkan di awal sesi.

Buat atau ubah file konfigurasi konsistent.json yang menerapkan konvensi struktural dalam basis kode TypeScript. Gunakan saat pengguna ingin menerapkan…

Run the konsistent CLI, review all reported violations, and fix them in the codebase. Use when the user wants to "fix konsistent violations", "resolve…

Writing and maintaining lat.md documentation files — structured markdown that describes a project's architecture, design decisions, and test specs. Use when…

Peluncuran verifikasi dan debugging asap jarak jauh untuk vercel-openclaw: preflight, queue ping, ensureRunning, chatCompletions, wakeFromSleep, restorePrepared,…

Emulated Linear GraphQL API for local development and testing. Use when the user needs to test Linear integrations locally, emulate Linear issues, comments,…

Memeriksa isi tarball paket npm sebelum dipublikasikan untuk memverifikasi file apa yang akan didistribusikan. Mendaftar file persis yang akan diunggah ke npm, membantu menangkap inklusi yang hilang atau tidak diinginkan sebelum publikasi. Menghormati aturan field files di package.json, .npmignore, dan .gitignore untuk menunjukkan isi bundel yang sebenarnya. Secara otomatis membangun paket, membuat tarball, menampilkan isi, dan membersihkan dalam satu perintah. Jalankan dari direktori paket dengan skrip bash sederhana; berguna untuk...

Lihat log deployment Vercel. Gunakan saat pengguna berkata "tampilkan log", "periksa log", "log vercel", atau "apa yang salah dengan deployment".

Konteks untuk mengerjakan rilis utama AI SDK berikutnya. Hanya gunakan saat secara eksplisit dipanggil oleh pengguna (misalnya melalui '/major-version-mode'). JANGAN memicu…

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

Menambahkan integrasi AI Skills (Brand Review API) ke aplikasi Sitecore Marketplace. Gunakan saat pengguna ingin menambahkan analisis konten bertenaga AI, ulasan merek, atau merek…

Menambahkan rute titik ekstensi baru ke aplikasi Sitecore Marketplace. Gunakan saat pengguna ingin menambahkan bidang kustom, widget dasbor, panel konteks, layar penuh…

Menambahkan integrasi API XM Cloud ke aplikasi Sitecore Marketplace. Gunakan saat pengguna ingin mengakses API Sites, Pages, Authoring, Content Transfer, Search, atau Agent…

Membangun komponen UI menggunakan sistem desain Blok untuk aplikasi Sitecore Marketplace. Gunakan saat pengguna ingin membuat UI, menambahkan komponen, membangun tata letak halaman, atau…

Menerapkan aplikasi Sitecore Marketplace ke Vercel dengan header CSP dan konfigurasi yang benar.

Membuat kerangka aplikasi Sitecore Marketplace baru menggunakan SDK resmi. Gunakan saat pengguna ingin membuat aplikasi marketplace baru, memulai proyek Sitecore baru, atau…

Referensi API SDK Marketplace Sitecore. Gunakan saat pengguna bertanya tentang metode SDK, tipe, kueri, mutasi, langganan, atau cara menggunakan Sitecore…

Integrasi aplikasi MCP untuk json-render. Gunakan saat membangun server MCP yang merender UI interaktif di Claude, ChatGPT, Cursor, atau VS Code, atau saat mengintegrasikan…

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

Emulasi Microsoft Entra ID (Azure AD) OAuth 2.0 / OpenID Connect untuk pengembangan dan pengujian lokal. Gunakan saat pengguna perlu menguji masuk Microsoft secara lokal,…

Migrasikan aplikasi dari AI SDK 6.x ke AI SDK 7.0. Gunakan saat meningkatkan paket Vercel AI SDK, memperbaiki kesalahan migrasi v7, atau ketika pengguna menyebutkan AI SDK v6,…

Memigrasikan alur kerja Temporal, Inngest, Trigger.dev, dan AWS Step Functions ke Workflow SDK. Gunakan saat memindahkan Activities, Workers, Signals, step.run(),…

Skill penemuan untuk Native SDK, toolkit lengkap untuk membangun aplikasi desktop native - tampilan menggunakan markup Native deklaratif (.native), logika adalah…

Panduan ahli untuk @vercel/ncc — CLI sederhana untuk mengompilasi modul Node.js menjadi satu file dengan semua dependensi yang disertakan. Gunakan saat menggabungkan 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…

Perender Next.js untuk json-render yang mengubah spesifikasi JSON menjadi aplikasi Next.js lengkap dengan rute, tata letak, SSR, dan metadata. Gunakan saat bekerja dengan…

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

Panduan pengembangan Next.js yang komprehensif mencakup struktur file, pola RSC, pengambilan data, optimasi, dan penanganan kesalahan. Mencakup lebih dari 15 area topik termasuk konvensi file, segmen rute, batasan RSC, pola asinkron, pembuatan metadata, serta optimasi gambar/font. Menyediakan panduan pemilihan runtime, penggunaan direktif, dan strategi penanganan kesalahan dengan konvensi file spesifik seperti error.tsx dan not-found.tsx. Termasuk pola pengambilan data, praktik terbaik penanganan rute,...

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

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

Jika next-browser belum ada di PATH, instal @vercel/next-browser secara global menggunakan pengelola paket pengguna, lalu jalankan playwright install chromium.

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

We need to translate the given text from English to Bahasa Indonesia. The text describes a Next.js feature about Partial Prerendering and caching. We must preserve product names, protocol names, URLs, numbers, technical terms. The name "next-cache-components" is not in the text, so we don't include it. We translate only the text inside <text>. No extra commentary. The text: "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,..." We need to translate naturally. Keep technical terms like "Next.js", "Partial Prerendering", "cacheComponents", "next.config.ts", "experimental

Komponen Cache Next.js 16 - PPR, gunakan arahan cache, 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…

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

Tingkatkan Next.js ke versi terbaru dengan mengikuti panduan migrasi resmi dan codemod. Gunakan saat meningkatkan versi Next.js, menjalankan codemod, atau melakukan migrasi…

Peningkatan versi Next.js otomatis dengan codemod resmi dan integrasi panduan migrasi. Mendeteksi versi Next.js saat ini dari package.json dan mengambil dokumentasi peningkatan khusus versi dari panduan resmi. Menjalankan codemod Next.js secara otomatis untuk menangani perubahan besar seperti API Request asinkron, migrasi properti geo/IP, dan transformasi impor dinamis. Menangani peningkatan bertahap untuk lompatan versi utama (misalnya, 13 → 14 → 15) dan memperbarui dependensi rekan (React, React DOM,...).

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

Panduan ahli Next.js App Router. Gunakan saat membangun, men-debug, atau mengarsiteki aplikasi Next.js — routing, Server Components, Server Actions, Cache…

Migrate a Next.js application from Webflow Cloud to Vercel. Use this skill when a user wants to move, migrate, or port a Next.js app off Webflow Cloud onto…

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

Adaptor Nuxt untuk menyematkan emulator langsung di aplikasi Nuxt melalui @emulators/adapter-nuxt. Gunakan saat pengguna perlu menyematkan emulator di Nuxt, mengatur same-origin…

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

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

Bootstrap OpenClaw, bundel, konfigurasi, dan debugging pemulihan aset untuk vercel-openclaw: sidecar bundel openclaw, penemuan plugin, katalog saluran, mulai ulang…

Ambil k

Panduan integrasi pembayaran Stripe — pengaturan Vercel Marketplace asli, sesi checkout, penanganan webhook, penagihan langganan, dan Stripe SDK. Gunakan ketika…

Use when building, reviewing, or optimizing web animations OR rendering performance (frame loops, scroll/viewport reveals, mount/unmount transitions,…

Perencanaan holistik yang sadar sistem sebelum mengimplementasikan tugas yang tidak sepele. Gunakan ketika tugas melibatkan fitur baru, keputusan arsitektural, perubahan multi-file,…

Audit kinerja vercel-plugin pada proyek dunia nyata. Mengekstrak panggilan alat dari log percakapan Claude Code, menguji pencocokan hook terhadap input aktual,…

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

Gunakan skill ini ketika pengguna bertanya tentang status PR, kegagalan CI, atau komentar review di monorepo Next.js.

Pustaka shader WebGPU minimal untuk coding kreatif dan grafis waktu nyata. Menyediakan layar penuh, partikel, shader komputasi, target render, dan 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.

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

Perender React Email untuk json-render yang mengubah spesifikasi JSON menjadi email HTML atau teks biasa menggunakan @react-email/components dan @react-email/render. Gunakan ketika…

Perender React Native untuk json-render yang mengubah spesifikasi JSON menjadi UI mobile native. Gunakan saat bekerja dengan @json-render/react-native, membangun UI React Native…

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing…

Perender PDF React untuk json-render. Gunakan saat membuat dokumen PDF dari spesifikasi JSON, bekerja dengan @json-render/react-pdf, atau merender spesifikasi ke PDF…

Perender 3D React Three Fiber untuk json-render. Gunakan saat bekerja dengan @json-render/react-three-fiber, membangun adegan 3D dari spesifikasi JSON, merender…

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

Adaptor Redux untuk antarmuka StateStore json-render. Gunakan saat mengintegrasikan json-render dengan Redux atau Redux Toolkit untuk manajemen status melalui @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".

Remotion renderer untuk json-render yang mengubah spesifikasi timeline JSON menjadi video. Gunakan saat bekerja dengan @json-render/remotion, membangun komposisi video

Praktik terbaik untuk Remotion - Pembuatan video di React

Menghapus batasan demo yang dihosting Open Harness dari sebuah fork. Gunakan saat pemelihara ingin menghapus batas uji coba template terkelola, pembatasan penyebaran yang dihosting, atau…

API email Resend yang diemulasi untuk pengembangan dan pengujian lokal. Gunakan saat pengguna perlu mengirim email secara lokal, menguji alur email transaksional, menerapkan magic…

Gunakan skill ini saat menulis atau memodifikasi tes yang melibatkan permintaan prefetch, navigasi router klien, atau cache segmen. Utilitas createRouterAct dari test/lib/router-act.ts memungkinkan Anda melakukan asersi pada respons prefetch dan navigasi secara end-to-end tanpa terikat pada jumlah permintaan yang tepat atau detail protokol. Inilah sebabnya sebagian besar tes terkait router klien menggunakan pola ini.

Panduan Middleware Routing Vercel — intersepsi permintaan sebelum cache, penulisan ulang, pengalihan, personalisasi. Bekerja dengan kerangka kerja apa pun. Mendukung Edge, Node.js,…

Panduan API Cache Runtime Vercel — cache nilai-kunci per wilayah sementara dengan pembatalan berbasis tag. Dibagikan di seluruh Functions, Routing Middleware, dan Builds.…

Gunakan skill ini saat mereproduksi regresi runtime-bundle, module-resolution, atau user-bundle inclusion.

Membuat MicroVM Linux yang terisolasi menggunakan Vercel Sandbox SDK. Gunakan saat membangun lingkungan eksekusi kode, menjalankan kode yang tidak tepercaya, menyiapkan server pengembangan,…

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

Vercel Sandbox v2 lifecycle expertise for vercel-openclaw: named persistent OpenClaw sandbox create/resume/stop/delete, persistent auto-save truth, manual…

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

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

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…

Komponen shadcn-svelte yang sudah dibangun sebelumnya untuk aplikasi Svelte json-render. Gunakan saat bekerja dengan @json-render/shadcn-svelte, menambahkan komponen UI standar ke Svelte…

Integrate Shopify-validated Storefront or Customer Account GraphQL into Vercel Shop. Use after Shopify AI Toolkit has supplied and validated an API operation,…

Panduan masuk dengan Vercel — penyedia identitas OAuth 2.0/OIDC untuk autentikasi pengguna melalui akun Vercel. Gunakan saat mengimplementasikan login pengguna dengan Vercel sebagai…

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…

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…

Slack channel specialist workflow: debug Slack OAuth vs delivery-ready, /slack/events fast path, raw-body signatures, route repair, boot-message cleanup, and…

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

Panduan ahli streaming-markdown Streamdown. Gunakan saat merender Markdown streaming dari model AI, membangun antarmuka obrolan dengan konten waktu nyata, atau mengganti…

Perender Markdown React yang dioptimalkan untuk streaming dengan penyorotan sintaks, diagram, matematika, dan integrasi obrolan AI. Mendukung empat plugin opsional: penyorotan sintaks kode melalui Shiki (200+ bahasa), diagram Mermaid, rendering matematika LaTeX, dan dukungan teks CJK. Dua mode rendering: streaming (dengan kursor caret animasi untuk obrolan AI) dan statis (untuk blog dan dokumentasi). Fitur keamanan bawaan termasuk modal keamanan tautan, pemfilteran tag HTML, sanitasi URL, dan elemen yang dapat dikonfigurasi...

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

Panduan ahli untuk styled-jsx — CSS-in-JS terlingkup untuk React dan Next.js. Gunakan saat menulis gaya terlingkup komponen dengan plugin babel styled-jsx, menggunakan…

Perender Svelte 5 untuk json-render yang mengubah spesifikasi JSON menjadi pohon komponen Svelte. Gunakan saat bekerja dengan @json-render/svelte, membangun antarmuka Svelte dari JSON,…

Panduan ahli pengambilan data SWR. Gunakan saat membangun aplikasi React dengan pengambilan data sisi klien, caching, validasi ulang, mutasi, UI optimistis, paginasi, atau…

Migrasikan aplikasi TanStack Start dari Cloudflare Workers ke Vercel. Gunakan skill ini ketika pengguna ingin memindahkan, memigrasikan, atau mem-porting TanStack Start (atau…

Migrasikan aplikasi TanStack Start dari Netlify ke Vercel. Gunakan skill ini ketika pengguna ingin memindahkan, memigrasikan, atau mem-port aplikasi TanStack Start (atau TanStack) dari…

Alur kerja spesialis saluran Telegram: debug /api/channels/telegram/webhook, port native 8787 /telegram-webhook, webhookSecret, pembersihan boot, dan post-accept…

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 Turborepo. Gunakan saat menyiapkan atau mengoptimalkan build monorepo, mengonfigurasi caching tugas, caching jarak jauh, eksekusi paralel, atau --affected…

We need to translate the given text from English to Bahasa Indonesia. The text describes a monorepo build system called turborepo, but the name "turborepo" is not in the text? Actually the text starts with "Monorepo build system..." and does not include the name. The instruction says: "Do not include the name unless it appears in the source text." The name "turborepo" is given in the directory item type but not in the text. So we should not add it. Also preserve technical terms like "task caching", "parallel execution", "dependency graph orchestration", "CI/CD", "--affected", "--filter", "turbo.json", "dependsOn", "outputs", "inputs", "env", "Package Configurations". Translate the rest naturally. Let me translate: "Monorepo build system with intelligent task caching, parallel execution, and dependency graph orchestration." -> "Sistem build monorepo dengan caching tugas cerdas, eksekusi paralel, dan orkestrasi grafik depend

Sistem spasi semantik untuk Tailwind CSS v4 menggunakan unit blok (32px) dan tab (4px). Gunakan saat membangun antarmuka dengan spasi yang konsisten, dasbor, panel admin,…

Emulated Twilio REST APIs for local development and testing. Use when the user needs to test Twilio Messaging, Verify, Voice, phone numbers, webhooks, status…

Ketika kloning diperlukan:

Alur kerja terpandu untuk memperbarui dokumentasi Next.js berdasarkan perubahan kode dan tinjauan PR. Menganalisis perbedaan git untuk mengidentifikasi file dokumentasi yang terpengaruh menggunakan referensi pemetaan kode-ke-dokumen. Menyediakan templat dan konvensi untuk menyusun dokumentasi fitur baru (komponen, fungsi, konfigurasi, panduan, konvensi file). Memandu pembaruan langkah demi langkah pada dokumentasi yang ada dengan konfirmasi pengguna sebelum setiap perubahan. Menyertakan daftar periksa validasi dan perintah linting untuk memastikan format...

Tambahkan ID model baru atau hapus ID model usang untuk penyedia AI SDK yang ada. Gunakan saat menambahkan model ke penyedia, menghapus model usang, atau memproses daftar…

Update an existing Vercel Shop storefront with newer template changes. Use when the user wants to check drift, plan an upgrade, or apply template updates to a…

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 untuk pengembangan dan pengujian lokal. Gunakan ketika pengguna perlu berinteraksi dengan endpoint API Vercel secara lokal, menguji integrasi Vercel,…

Terapkan aplikasi dan situs web ke Vercel. Gunakan skill ini saat pengguna meminta tindakan deployment seperti "Deploy aplikasi saya", "Deploy ini ke produksi", "Buat deployment pratinjau", "Deploy dan berikan tautannya", atau "Publikasikan ini langsung". Tidak memerlukan autentikasi - mengembalikan URL pratinjau dan tautan deployment yang dapat diklaim.

Panduan Agen Vercel — peninjauan kode bertenaga AI, investigasi insiden, dan instalasi SDK. Mengotomatiskan analisis PR dan debugging anomali. Gunakan saat mengonfigurasi…

Vercel AI SDK (Python) - pola untuk membangun aplikasi bertenaga LLM dengan streaming, alat, kait, dan keluaran terstruktur

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

Panduan ahli Vercel CLI. Gunakan saat men-deploy, mengelola variabel lingkungan, menautkan proyek, melihat log, meminta metrik, mengelola domain, atau…

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

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

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

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

vercel-composition-patterns — sebuah skill yang dapat diinstal untuk agen AI, diterbitkan oleh vercel-labs/openreview.

Menerapkan aplikasi dan situs web ke Vercel dengan pratinjau yang dapat diklaim. Gunakan saat pengguna meminta tindakan penerapan seperti "terapkan aplikasi saya", "terapkan dan beri saya…

Panduan ahli Vercel Firewall — mitigasi DDoS otomatis, Vercel WAF (aturan kustom, pemblokiran IP, kumpulan aturan terkelola, pembatasan laju), Mode Serangan, sistem…

Panduan Vercel Flags — platform bendera fitur dengan dasbor terpadu, Flags Explorer, peluncuran bertahap, pengujian A/B, dan adaptor penyedia. Gunakan ketika…

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

Panduan untuk membangun, mengonfigurasi, dan menyebarkan microfrontend di Vercel. Gunakan keterampilan ini ketika pengguna menyebut microfrontend, multi-zona, membagi aplikasi…

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

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

Membangun layanan backend Python menggunakan API experimentalServices milik Vercel. Gunakan saat membuat backend Python, atau proyek multi-layanan dengan backend Python…

Panduan Vercel Queues (beta publik) — streaming acara yang tahan lama dengan topik, grup konsumen, percobaan ulang, dan pengiriman tertunda. $0,60/1 juta operasi. Mendukung Workflow…

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 kinerja React dan Next.js dari Vercel Engineering. Skill ini harus digunakan saat menulis, meninjau

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 kinerja React dan Next.js dari Vercel Engineering. Skill ini harus digunakan saat menulis, meninjau, atau merefaktor React/Next

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

We need to translate the given text from English to Bahasa Indonesia. The text describes a skill about React Native and Expo best practices. We must preserve the name "vercel-react-native-skills" but it's not in the text, so we don't include it. We translate only the text inside <text>. No extra labels or commentary. The translation should be natural and accurate. The text: "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..." We need to translate this into Indonesian. Note: "FlashList" is a product name, keep as is. "GPU" is an acronym, keep. "monorepo" is a technical term, keep. "memoization" is a technical

Praktik terbaik React Native dan Expo untuk membangun aplikasi seluler yang berperforma tinggi. Gunakan

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

Panduan Vercel Sandbox — microVM Firecracker sementara untuk menjalankan kode yang tidak tepercaya dengan aman. Mendukung agen AI, pembuatan kode, dan eksperimen. Gunakan ketika…

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…

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

Verifikasi cerita penuh — menyimpulkan apa yang sedang dibangun pengguna, lalu memverifikasi alur lengkap dari ujung ke ujung: browser → API → data → respons. Dipicu di server pengembangan…

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 — sebuah skill yang dapat diinstal

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…

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…

Tinjau kode

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…

Buat dan rekam video demo peramban yang telah diprogram dengan webreel. Menghasilkan rekaman MP4, GIF, atau WebM dengan animasi kursor, hamparan penekanan tombol, dan suara…

Alur kerja spesialis saluran WhatsApp: debug verifikasi/tanda tangan webhook Meta, proyeksi status tautan, jalur cepat /whatsapp-webhook, pesan boot, dan…

Panduan ahli Vercel Workflow DevKit (WDK). Gunakan saat membangun workflow yang tahan lama, tugas berjalan panjang, rute API, atau agen yang memerlukan jeda/lanjutkan, percobaan ulang,…

Membuat alur kerja yang tahan lama dan dapat dilanjutkan menggunakan Workflow DevKit dari Vercel. Gunakan saat membangun alur kerja yang perlu bertahan dari restart, menjeda untuk menunggu peristiwa eksternal,…

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

Instal dan konfigurasi Vercel Workflow SDK sebelum ada di node_modules. Gunakan saat pengguna meminta untuk "install workflow", "set up workflow", "add durable…

Hasilkan halaman referensi API yang mendokumentasikan satu permukaan API (fungsi, komponen, konvensi file, direktif, atau opsi konfigurasi). Halaman harus ringkas, mudah dipindai, dan berbasis contoh.

Hasilkan panduan teknis yang mengajarkan kasus penggunaan dunia nyata melalui contoh-contoh progresif. Konsep diperkenalkan hanya saat pembaca membutuhkannya.

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

Adaptor penyimpanan XState untuk antarmuka StateStore json-render. Gunakan saat mengintegrasikan json-render dengan @xstate/store untuk manajemen status melalui @json-render/xstate.

Format kawat YAML untuk json-render dengan parser streaming, pembuatan prompt, dan transformasi AI SDK. Gunakan saat bekerja dengan @json-render/yaml, spesifikasi berbasis YAML…

Instal Zero dan muat alur kerja yang sesuai versi dengan skill zero.

Discovery skill for zero-native, a Zig desktop app shell for building native apps with web UIs. Use when the user asks what zero-native is, how to build a…

Adaptor Zustand untuk antarmuka StateStore milik json-render. Gunakan saat mengintegrasikan json-render dengan Zustand untuk manajemen status melalui @json-render/zustand.