Skills Pengembangan

Tulis artikel teknis dan posting blog yang menarik untuk audiens pengembang. Gunakan keterampilan ini setiap kali pengguna meminta untuk menulis posting blog, artikel teknis, atau konten teknis berbentuk panjang. Aktifkan juga ketika pengguna mengatakan 'tulis tentang [topik teknis]', 'bantu saya menyusun draf artikel', 'ubah ini menjadi posting blog', 'tulis posting tentang', 'saya ingin mempublikasikan sesuatu tentang', atau menyebutkan menulis untuk audiens pengembang. Mencakup seluruh alur kerja: pemantapan ide, pembuatan hook/judul, artikel...

Gunakan saat mengimplementasikan fitur atau perbaikan bug, sebelum menulis kode implementasi

Ubah teks menjadi ucapan menggunakan AI suara ElevenLabs. Gunakan saat menghasilkan audio dari teks, membuat sulih suara, membangun aplikasi suara, atau mensintesis ucapan dalam 70+ bahasa.

Mengubah ide kasar menjadi rencana yang disetujui dan lengkap secara keputusan dengan struktur yang tervalidasi sebelum pengkodean. Gunakan saat pengguna meminta 出方案/给方案/深入分析/怎么设计/有没有必要/值不值得/plan this/how should I/should we keep this untuk fitur, arsitektur, atau penilaian nilai. Bukan untuk perbaikan bug atau suntingan kecil.

Memecah rencana, spesifikasi, atau PRD menjadi isu-isu yang dapat diambil secara independen di pelacak isu proyek menggunakan irisan vertikal tracer-bullet. Gunakan saat pengguna ingin mengonversi rencana menjadi isu, membuat tiket implementasi, atau memecah pekerjaan menjadi isu-isu.

Ubah konteks percakapan saat ini menjadi PRD dan publikasikan ke pelacak isu proyek. Gunakan saat pengguna ingin membuat PRD dari konteks saat ini.

Ubah percakapan saat ini menjadi spesifikasi dan publikasikan ke pelacak isu proyek — tanpa wawancara, hanya sintesis dari apa yang telah Anda diskusikan.

Memecah rencana, spesifikasi, atau percakapan saat ini menjadi satu set tiket peluru pelacak, masing-masing mendeklarasikan tepi pemblokirannya, dipublikasikan ke pelacak yang dikonfigurasi — tepi sebagai teks dalam satu file per tiket secara lokal, atau tautan pemblokiran asli pada pelacak nyata.

Memilah isu melalui mesin status yang digerakkan oleh peran triase. Gunakan saat pengguna ingin membuat isu, memilah isu, meninjau bug atau permintaan fitur yang masuk, menyiapkan isu untuk agen AFK, atau mengelola alur kerja isu.

Siapkan Cloudflare Turnstile secara end-to-end dalam sebuah proyek — pindai basis kode, buat widget melalui API Cloudflare, terapkan Worker siteverify yang dikelola, tulis cuplikan frontend, validasi, dan simpan skill. Muat ini saat pengguna meminta untuk menambahkan Turnstile, menyiapkan CAPTCHA, melindungi formulir dari bot, atau memperbaiki integrasi Turnstile. Mencerminkan developers.cloudflare.com/turnstile/spin.

Kuasai sistem tipe lanjutan TypeScript termasuk generics, conditional types, mapped types, template literals, dan utility types untuk membangun aplikasi yang aman secara tipe. Gunakan saat mengimplementasikan logika tipe yang kompleks, membuat utilitas tipe yang dapat digunakan kembali, atau memastikan keamanan tipe pada waktu kompilasi dalam proyek TypeScript.

Gunakan saat pengguna perlu membuat, mengekstrak

Ekstrak glosarium bahasa ubiquitous bergaya DDD dari percakapan saat ini, tandai ambiguitas, dan usulkan istilah kanonik. Simpan ke UBIQUITOUS_LANGUAGE.md. Gunakan saat pengguna ingin mendefinisikan istilah domain, membangun glosarium, memperkuat terminologi, membuat bahasa ubiquitous, atau menyebut "domain model" atau "DDD".

Buat antarmuka pengguna yang indah dan mudah diakses dengan komponen shadcn/ui (dibangun di atas Radix UI + Tailwind), gaya utilitas-first Tailwind CSS, dan desain visual berbasis kanvas. Gunakan saat membangun antarmuka pengguna, menerapkan sistem desain, membuat tata letak responsif, menambahkan komponen yang dapat diakses (dialog, dropdown, formulir, tabel), menyesuaikan tema dan warna, menerapkan mode gelap, menghasilkan desain visual dan poster, atau menetapkan pola gaya yang konsisten di seluruh aplikasi.

Kecerdasan desain UI/UX untuk web dan seluler. Mencakup 50+ gaya, 161 palet warna, 57 pasangan font, 161 jenis produk, 99 panduan UX, dan 25 jenis bagan di 10 tumpukan (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, dan HTML/CSS). Tindakan: rencanakan, bangun, buat, desain, implementasi, tinjau, perbaiki, tingkatkan, optimalkan, perkuat, refaktor, dan periksa kode UI/UX. Proyek: situs web, halaman arahan, dasbor, panel admin, e-commerce, SaaS, portofolio, blog, dan...

Buat atau perbarui skill dengan menghasilkan, mengedit, atau menyempurnakan file SKILL.md di repositori ini. Gunakan saat menulis skill baru atau merevisi struktur, frontmatter, atau panduan untuk skill yang sudah ada.

Menemukan dan memanggil keterampilan agen. Gunakan saat memulai sesi atau saat Anda perlu menemukan keterampilan mana yang berlaku untuk tugas saat ini. Ini adalah keterampilan meta yang mengatur bagaimana semua keterampilan lainnya ditemukan dan dipanggil.

Gunakan saat memulai pekerjaan fitur yang membutuhkan isolasi dari ruang kerja saat ini atau sebelum menjalankan rencana implementasi - memastikan ruang kerja terisolasi tersedia melalui alat bawaan atau fallback git worktree

Gunakan saat memulai percakapan apa pun - menetapkan cara menemukan dan menggunakan keterampilan, memerlukan pemanggilan alat Skill sebelum respons APAPUN termasuk pertanyaan klarifikasi.

Memvalidasi bahwa implementasi cabang atau pull request sesuai dengan spesifikasi produk, teknis, keamanan, dan terkait yang diperkenalkan. Gunakan saat meninjau atau menyelesaikan perubahan berbasis spesifikasi dan menyelesaikan ketidakcocokan antara spesifikasi yang sudah diperiksa dan implementasi.

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

Gunakan ketika akan mengklaim bahwa pekerjaan selesai, diperbaiki, atau lolos, sebelum melakukan commit atau membuat PR — memerlukan menjalankan perintah verifikasi dan mengonfirmasi output sebelum membuat klaim keberhasilan apa pun; bukti sebelum pernyataan selalu.

Kerangka kerja pengujian unit cepat Vitest yang didukung oleh Vite dengan API yang kompatibel dengan Jest. Gunakan saat menulis pengujian, mocking, mengonfigurasi cakupan, atau bekerja dengan pemfilteran pengujian dan fixtures.

Rencanakan sebagian besar pekerjaan — lebih dari yang dapat ditampung dalam satu sesi agen — sebagai peta bersama tiket investigasi di pelacak masalah Anda, dan selesaikan satu per satu hingga jalan menuju tujuan menjadi jelas.

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

Audit kualitas web komprehensif yang mencakup performa, aksesibilitas, SEO, dan praktik terbaik. Gunakan saat diminta untuk "audit situs saya", "tinjau kualitas web", "jalankan audit lighthouse", "periksa kualitas halaman", atau "optimalkan situs web saya".

Perangkat untuk berinteraksi dan menguji aplikasi web lokal menggunakan Playwright. Mendukung verifikasi fungsionalitas frontend, debugging perilaku UI, mengambil tangkapan layar browser, dan melihat log browser. lisensi: Ketentuan lengkap di LICENSE.txt

Hasilkan wizard bash interaktif yang memandu manusia melalui prosedur manual — pengaturan pihak ketiga, migrasi satu kali, transisi status A→B — membuka URL, menangkap nilai, mengonfirmasi setiap langkah, dan menulis file .env serta rahasia GitHub Actions.

Tulis spesifikasi PRODUCT.md untuk fitur signifikan yang menghadap pengguna di Warp, dengan fokus pada perilaku detail dan validasi. Gunakan ketika pengguna meminta spesifikasi produk, dokumen perilaku yang diinginkan, atau PRD, ingin mendefinisikan perilaku fitur sebelum implementasi, atau ketika fitur tersebut cukup substansial atau ambigu secara perilaku sehingga spesifikasi tertulis dapat meningkatkan implementasi atau peninjauan.

Menulis spesifikasi TECH.md untuk fitur Warp yang signifikan setelah meneliti basis kode saat ini dan kendala implementasi. Gunakan ketika pengguna meminta spesifikasi teknis, rencana implementasi, atau dokumen arsitektur yang terkait dengan spesifikasi produk.