json-render-react

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

npx skills add https://github.com/vercel-labs/json-render --skill json-render-react

Unduh ZIP GitHub

Lebih banyak skill dari vercel

benchmark-sandbox

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

emil-design-eng

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

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

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

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

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

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

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…