Skills Pengembangan

Bandingkan implementasi pull request dengan konteks spesifikasi di spec_context.md dan masukkan setiap ketidaksesuaian material ke dalam review.json. Gunakan selama peninjauan PR ketika sudah disetujui atau konteks spesifikasi repositori tersedia.

Bangun, debug, dan publikasikan ekstensi Chrome dengan panduan Manifest V3 dari Google Chrome. Mencakup API ekstensi, izin, service worker, keamanan, dan persyaratan pengiriman ke Chrome Web Store.

Panduan lengkap untuk membangun ekstensi Chrome dengan Manifest V3. Gunakan keterampilan ini setiap kali pengguna menyebutkan ekstensi Chrome, ekstensi peramban, manifest.json, skrip konten, service worker (dalam konteks ekstensi), popup, panel samping, chrome.runtime, chrome.tabs, chrome.storage, chrome.scripting, skrip latar belakang, MV3, Manifest V3, atau API ekstensi Chrome lainnya. Juga aktifkan ketika pengguna ingin menyuntikkan skrip ke halaman web, berkomunikasi antara halaman dan latar belakang, melewati CSP dari...

Mengotomatiskan pengaturan pipeline CI/CD. Gunakan saat menyiapkan atau memodifikasi pipeline build dan deployment. Gunakan saat Anda perlu mengotomatiskan quality gates, mengonfigurasi test runner di CI, atau menetapkan strategi deployment.

Arsitektur token, spesifikasi komponen, dan pembuatan slide. Token tiga lapis (primitif→semantik→komponen), variabel CSS, skala spasi/tipografi, spesifikasi komponen, pembuatan slide strategis. Gunakan untuk token desain, desain sistematis, presentasi yang sesuai merek.

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.

Ubah agen menjadi Arsitek Solusi Cloud mengikuti praktik terbaik Azure Architecture Center. Gunakan saat merancang arsitektur cloud, meninjau desain sistem, memilih gaya arsitektur, menerapkan pola desain cloud, membuat pilihan teknologi, atau melakukan tinjauan Well-Architected Framework.

Tinjau perubahan sejak titik tetap (commit, branch, tag, atau merge-base) pada dua sumbu — Standar (apakah kode mengikuti standar pengkodean yang terdokumentasi di repositori ini?) dan Spesifikasi (apakah kode sesuai dengan apa yang diminta oleh isu/PRD asal?). Menjalankan kedua tinjauan secara paralel pada sub-agen dan melaporkannya berdampingan. Gunakan ketika pengguna ingin meninjau sebuah branch, PR, perubahan yang sedang berlangsung, atau meminta untuk "meninjau sejak X".

Melakukan tinjauan kode multi-sumbu. Gunakan sebelum menggabungkan perubahan apa pun. Gunakan saat meninjau kode yang ditulis oleh diri sendiri, agen lain, atau manusia. Gunakan saat Anda perlu menilai kualitas kode di berbagai dimensi sebelum kode masuk ke cabang utama.

Menyederhanakan kode untuk kejelasan. Gunakan saat melakukan refactoring kode untuk kejelasan tanpa mengubah perilaku. Gunakan saat kode berfungsi tetapi lebih sulit dibaca, dipelihara, atau diperluas dari yang seharusnya. Gunakan saat meninjau kode yang telah mengakumulasi kompleksitas yang tidak perlu.

Kosakata bersama untuk merancang modul yang dalam. Gunakan saat pengguna ingin merancang atau meningkatkan antarmuka modul, menemukan peluang pendalaman, memutuskan di mana letak sekat, membuat kode lebih mudah diuji atau dinavigasi oleh AI, atau ketika keterampilan lain membutuhkan kosakata modul dalam.

We need to translate the given text from English to Bahasa Indonesia. The text describes a Codex Pet generator on RunComfy. It explains how to build a Codex-compatible spritesheet and pet.json from a single reference image, and then drop it into a specific directory. It mentions the exact specifications: 1536x1872 PNG/WebP, 8 cols x 9 rows, 192x208 cells, 9 animation states. It also mentions calling OpenAI GPT Image 2. We must preserve product names, protocol names, URLs, numbers, technical terms. So "Codex Pet", "RunComfy", "Codex", "spritesheet.webp", "pet.json", "CODEX_HOME", "$HOME/.codex", "pets/", "PNG/WebP", "OpenAI GPT Image 2" should remain as is. Also numbers like 1536x1872, 8 cols x 9 rows, 192x208, 9 animation states, and the list of states: idle, running-right

We need to translate the given text from English to Bahasa Indonesia. The text describes a Codex Pet generator on RunComfy. It explains how to build a Codex-compatible spritesheet and pet.json from a single reference image, and then drop it into a specific directory. It also mentions the exact specifications of the atlas and that it calls OpenAI GPT Image 2. We must preserve product names, protocol names, URLs, numbers, technical terms. So "Codex Pet", "RunComfy", "Codex", "spritesheet.webp", "pet.json", "CODEX_HOME", "$HOME/.codex", "pets/", "1536x1872 PNG/WebP", "8 cols x 9 rows", "192x208 cells", "9 animation states", "idle", "running-right", "running-left", "waving", "jumping", "failed", "waiting", "running", "review", "OpenAI GPT Image 2" should remain as is or with proper capitalization. Also "Codex Pet

Panduan untuk mengimplementasikan pembelajaran berkelanjutan pada agen pengkodean AI — hook, pembatasan memori, pola refleksi. Gunakan saat menyiapkan infrastruktur pembelajaran untuk agen.

Standar penamaan cabang, penamaan worktree, dan pesan commit untuk proyek GitHub dan GitLab berdasarkan Conventional Commits v1.0.0. Gunakan saat membuat cabang, menamai worktree, menulis commit, menghasilkan pesan commit, meninjau konvensi cabang, atau menyiapkan otomatisasi changelog. Terapkan ketika proyek Anda membutuhkan riwayat git yang konsisten, rilis berbasis SemVer, pembuatan changelog yang dapat diurai, atau penutupan masalah otomatis. Aktifkan saat pengguna bertanya cara menamai worktree, membuat git worktree, atau...

Mengarahkan permintaan Convex umum ke skill proyek yang tepat. Gunakan saat pengguna bertanya skill Convex mana yang harus digunakan atau memberikan tugas aplikasi Convex yang tidak dispesifikasikan secara jelas.

Baca wawasan 72 jam deployment Convex (batas baca, kontensi OCC), temukan akar penyebab setiap peristiwa dalam kode, laporkan temuan performa/biaya berbasis bukti beserta perbaikannya.

Membangun komponen Convex yang dapat digunakan kembali dengan tabel terisolasi dan API yang menghadap aplikasi. Gunakan untuk komponen baru, modul backend yang dapat digunakan kembali, integrasi, atau pekerjaan batas komponen.

Ambil dokumen Convex versi terkini untuk versi yang digunakan proyek ini — kunci versi yang terpasang, ambil halaman sebagai markdown atau periksa tipe node_modules, hierarki kesegaran — alih-alih menulis API yang mungkin basi dari ingatan.

Migrasikan skema + isi ulang data pada aplikasi Convex yang diterapkan menggunakan @convex-dev/migrations.

Uji coba perubahan skema aplikasi langsung + backfill pada deployment pratinjau yang diisi dari snapshot, verifikasi, lalu promosikan perubahan yang terbukti ke produksi dengan snapshot sebagai rollback.

Merencanakan migrasi skema dan data Convex dengan widen-migrate-narrow dan @convex-dev/migrations. Gunakan untuk perubahan skema yang bersifat breaking, backfill, pembentukan ulang tabel, atau peluncuran tanpa downtime.

Mengaudit performa Convex untuk pembacaan, langganan, kontensi penulisan, dan batas fungsi. Gunakan untuk fitur lambat, temuan wawasan, konflik OCC, atau amplifikasi pembacaan.

Membuat atau menambahkan Convex ke aplikasi. Gunakan untuk proyek Convex baru, npm create convex@latest, pengaturan frontend, variabel lingkungan, atau menjalankan npx convex dev pertama kali.

Seed atau impor data ke dalam database Convex.

Menyiapkan auth Convex, pemetaan identitas, dan kontrol akses. Gunakan untuk login, penyedia auth, tabel pengguna, fungsi yang dilindungi, atau peran dalam aplikasi Convex.

Sarankan komponen Convex yang sesuai ketika pengguna membuat pola secara manual yang sebenarnya sudah terselesaikan olehnya (crons, sharded-counter, rate-limiter, storage, search, presence, workflow, RAG, prosemirror-sync). Pasif — beri saran setelah tugas selesai, jangan pernah mengganggu. Jangan pernah menginstal tanpa persetujuan.

Bangun aplikasi yang didukung oleh GitHub Copilot menggunakan Copilot SDK. Gunakan saat membuat integrasi terprogram dengan Copilot di Node.js/TypeScript, Python, Go, atau .NET. Mencakup manajemen sesi, alat kustom, streaming, hook, server MCP, penyedia BYOK, persistensi sesi, agen kustom, keterampilan, dan pola penerapan. Memerlukan GitHub Copilot CLI terinstal dan langganan GitHub Copilot (kecuali menggunakan BYOK).

Optimalkan Core Web Vitals (LCP, INP, CLS) untuk pengalaman halaman dan peringkat pencarian yang lebih baik. Gunakan saat diminta untuk "meningkatkan Core Web Vitals", "memperbaiki LCP", "mengurangi CLS", "mengoptimalkan INP", "optimasi pengalaman halaman", atau "memperbaiki pergeseran tata letak".

Buat pull request di repositori warp untuk cabang saat ini. Gunakan saat pengguna menyebutkan membuka PR, membuat pull request, mengirimkan perubahan untuk ditinjau, atau menyiapkan kode untuk digabungkan.