Skills Vercel

opensrc/skills/opensrc

Ambil k

vercel-plugin/skills/payments

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

phase/skills/phase

Gunakan saat membangun, meninjau, atau mengoptimalkan animasi web ATAU kinerja rendering (frame loops, scroll/viewport reveals, mount/unmount transitions,…

open-agents/.agents/skills/plan-mode

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

vercel-plugin/.claude/skills/plugin-audit

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

portless/skills/portless

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

next.js/.agents/skills/pr-status-triage

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

ralph-gpu/SKILLS/ralph-gpu

Pustaka shader WebGPU minimal untuk coding kreatif dan grafis waktu nyata. Menyediakan layar penuh, partikel, shader komputasi, target render, dan ping-pong…

json-render/skills/react

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

agent-skills/skills/react-best-practices

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.

vercel-plugin/skills/react-best-practices

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

json-render/skills/react-email

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…

json-render/skills/react-native

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…

agent-skills/skills/react-native-skills

Praktik terbaik React Native dan Expo untuk membangun aplikasi seluler yang berperforma tinggi. Gunakan saat membangun komponen React Native, mengoptimalkan performa daftar, mengimplementasikan…

json-render/skills/react-pdf

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…

json-render/skills/react-three-fiber

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

next.js/.agents/skills/react-vendoring

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

json-render/skills/redux

Adaptor Redux untuk antarmuka StateStore json-render. Gunakan saat mengintegrasikan json-render dengan Redux atau Redux Toolkit untuk manajemen status melalui @json-render/redux.

vercel-plugin/.claude/skills/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".

json-render/skills/remotion

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

json-render/skills/remotion-best-practices

Praktik terbaik untuk Remotion - Pembuatan video di React

open-agents/.agents/skills/remove-demo-limits

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…

emulate/skills/resend

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

next.js/.agents/skills/router-act

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.

vercel-plugin/skills/routing-middleware

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

vercel-plugin/skills/runtime-cache

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

next.js/.agents/skills/runtime-debug

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

sandbox/skills/sandbox

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

vercel-openclaw/.agents/skills/sandbox-lifecycle-debug

Debug siklus hidup sandbox untuk vercel-openclaw: membuat, melanjutkan, menghentikan, snapshot, reset, rekonsiliasi yang berjalan basi, perilaku Sandbox v2 persisten, hot…

vercel-openclaw/skills/sandbox-lifecycle-debug

Debugging siklus hidup sandbox untuk vercel-openclaw: buat, lanjutkan, hentikan, snapshot, reset, rekonsiliasi proses basi, perilaku Sandbox v2 persisten, hot…