WordPress Vibe Coding

Kalau Anda pernah mencoba vibe coding dengan AI, mungkin pernah merasa hasilnya aneh. Kadang terlihat sempurna, tapi ketika dicek lebih dalam, ternyata banyak yang salah, halusinasi. AI terlihat cepat merespon prompt, tetapi output kodingnya tidak selalu benar.

Masalah ini bukan hal sepele. Banyak developer mulai sadar bahwa AI belum bisa dipercaya sepenuhnya untuk kerja teknis. Bahkan, kadang waktu debugging lebih lama daripada menulis kode dari nol. Ini membuat kita bertanya: bagaimana cara membuat AI lebih bisa diandalkan?

Di sinilah komunitas developer mulai mencari solusi. Mereka melihat ini sebagai celah yang perlu diperbaiki. AI coding agent membutuhkan sebuah agent skill yaitu sebuah panduan kerja yang jelas.

Apa itu Agent Skill?

Agent Skill bisa dibayangkan seperti SOP untuk AI. Jadi bukan sekadar prompt panjang yang ditulis ulang setiap kali. Ini adalah paket berisi instruksi, checklist, dan kadang script yang bisa dipakai berulang.

Dengan Agent Skill, AI tidak lagi bekerja secara acak, menebak jawaban prompter. Agent skill membantu AI memiliki konteks yang jelas tentang bagaimana menyelesaikan suatu tugas. Ini membuat hasilnya lebih konsisten dan lebih aman.

Bayangkan Anda memiliki asisten junior. Tanpa SOP, hasil kerja akan sering tidak konsisten. Tetapi dengan panduan yang jelas, hasilnya akan jauh lebih rapi.

Masalah Vibe Coding dan Halusinasi

Vibe coding memang terasa menyenangkan. Anda cukup menulis deskripsi, lalu AI menghasilkan kode. Tetapi di balik itu, ada masalah yang cukup serius.

AI sering:

• Menggunakan pola lama
• Tidak sesuai best practice WordPress terbaru
• Terkadang melewatkan aspek web/system security yang penting

Akibatnya, hasil terasa “benar di permukaan”, tetapi bermasalah di dalam. Inilah yang sering disebut sebagai halusinasi. Bukan karena AI tidak mampu, tetapi karena tidak memiliki konteks spesifik.

Jika kebanyakan halusinasi software/produk jadi susah di-maintain dan di-scale up. Repot, kan?

Solusi Komunitas WordPress: Agent Skill

WordPress sebagai platform yang fleksibel dan developer-friendly mulai memberikan solusi. WordPress sudah merilis repository khusus untuk Agent Skill:

https://github.com/WordPress/agent-skills

Repository ini berisi kumpulan skill yang dirancang agar AI agent dapat memahami WordPress dengan lebih baik. Ini adalah langkah awal menuju arah baru: agentic development.

Dengan pendekatan ini, AI tidak hanya menjadi alat bantu menulis kode. AI mulai diarahkan menjadi bagian dari workflow development yang sesuai standar.

Daftar Skill di WordPress Agent Skills

Saat ini, WordPress Agent Skills mencakup beberapa area penting dalam pengembangan:

• Block development (Gutenberg)
• Plugin development
• REST API
• WordPress Playground
• Performance optimization
• Interactivity API
• Design workflow

Salah satu yang menarik adalah integrasi dengan WordPress Playground. Dengan ini, AI tidak hanya menulis kode, tetapi juga bisa menjalankan dan menguji hasilnya secara langsung.

Ini membuka kemungkinan baru. AI bisa melakukan rangkaian tugas: generate → run → test → improve.

Kenapa Ini Penting?

Agent Skill membantu mengubah cara kerja AI dalam development. Dari yang sebelumnya berbasis jawaban acak (asal tabak aja), menjadi berbasis jawaban yang terstruktur.

Manfaat yang bisa dirasakan:

• Output lebih konsisten
• Lebih sedikit bug
• Lebih sesuai dengan best practice
• Proses development lebih cepat

Selain itu, Agent Skill bisa di-versioning. Artinya, skill bisa diperbaiki, ditinjau ulang, dan dikembangkan seperti kode.

Integrasi dengan Tool seperti OpenClaw

Agent Skill tidak berdiri sendiri. Skill ini bisa digunakan dalam berbagai environment AI coding.

Contohnya integrasi dengan OpenClaw berikut:

Dalam setup ini, Agent Skill dapat di-install dan digunakan langsung oleh AI agent.

Perubahan utamanya ada pada cara kerja. Developer tidak lagi sekadar menulis prompt. Developer mulai menggunakan tool yang sudah memiliki struktur dan aturan.

Cara Pemula untuk Catch Up

Sebagai pemula, mungkin Anda merasa kesulitan mengikuti perkembangan AI tooling untuk development dan pengelolaan website WordPress. Bingung mau mulai dari mana? Tidak perlu khawatir, berikut beberapa langkah sederhana untuk mulai mengikuti perkembangan ini.

Pertama, pahami dulu dasar WordPress. Fokus pada konsep seperti plugin, theme, dan REST API. Ini akan membantu memahami konteks skill yang digunakan AI.

Kedua, eksplor repository Agent Skills. Tidak perlu langsung paham semuanya. Cukup lihat struktur dan contoh yang tersedia.

Ketiga, coba gunakan AI dengan pendekatan yang lebih terarah. Gunakan instruksi yang jelas, bukan hanya deskripsi umum.

Keempat, manfaatkan WordPress Playground. Ini adalah cara cepat untuk mencoba tanpa perlu setup lokal.

Dengan langkah ini, Anda tidak hanya mengikuti tren. Anda mulai membangun cara kerja yang lebih modern.

Arah Masa Depan WordPress + AI

WordPress mulai bergerak ke arah yang lebih luas. Bukan hanya sebagai CMS, tetapi sebagai platform untuk AI agent. Berikut beberapa penggunaan yang ada saat ini:

• Generate website dari prompt
• Testing otomatis menggunakan Playground
• Integrasi dengan WP-CLI melalui agent
• Pembuatan blueprint website secara otomatis

Penggunaan agent skill untuk WordPress benar-benar nyata. Jika makin orang mengadopsi dengan pola yang beragam, maka cara membangun website akan berubah secara signifikan.

Alur Kerja Menggunakan WP Agent Skill

Berikut adalah alur kerja yang bisa dijadikan panduan, dari awal instalasi hingga skill siap digunakan secara berkelanjutan.

Langkah 1: Tentukan Skill yang Dibutuhkan

Sebelum menginstal apapun, luangkan waktu untuk menentukan area kerja Anda. Tidak semua skill perlu dipasang sekaligus. Pilih berdasarkan fokus proyek yang sedang dikerjakan.

Untuk melihat semua skill yang tersedia tanpa harus membuka browser, gunakan perintah berikut via terminal:

npx skills add https://github.com/WordPress/agent-skills --list

Dari daftar tersebut, pilih kombinasi yang sesuai dengan kebutuhan. Misalnya, jika fokus pada pengembangan block Gutenberg, pilih wp-block-development dan wp-interactivity-api. Jika mengerjakan block themes atau site editing, kombinasi yang tepat adalah wp-block-themes dan wpds. Sedangkan untuk plugin development, gunakan wp-plugin-development bersama wp-abilities-api.

Install semua skill sekaligus hanya direkomendasikan ketika sedang mengerjakan refactor besar yang menyentuh banyak area sekaligus, atau saat membangun platform tooling yang membutuhkan coverage maksimal.

Langkah 2: Pilih Metode Instalasi

Ada dua opsi instalasi yang bisa dipilih sesuai kebutuhan.

Opsi A — Via skills.sh (direkomendasikan untuk kebanyakan developer). Ini adalah cara paling cepat. Prasyaratnya hanya Node.js yang sudah terinstal. Jalankan perintah npx skills add dengan menyertakan URL repo, nama agent, dan skill yang ingin dipasang. Contoh untuk menginstal beberapa skill sekaligus di Claude Code:

npx skills add https://github.com/WordPress/agent-skills 
  --agent claude-code 
  --skill wp-block-development 
  --skill wp-interactivity-api

Jika menggunakan lebih dari satu coding agent, seperti Claude Code dan Cursor sekaligus, cukup tambahkan argumen --agent tambahan dalam satu perintah yang sama. Tidak perlu menjalankan instalasi dua kali.

Saat proses instalasi, Anda akan ditanya apakah skill dipasang secara project-local atau global. Untuk langsung memilih global tanpa pertanyaan, tambahkan flag --global pada perintah di atas.

Opsi B — Manual via clone repo. Pilihan ini cocok bagi developer yang ingin kontrol penuh atas file skill, atau bagi yang berencana berkontribusi ke repositori Agent Skills itu sendiri. Caranya adalah dengan meng-clone repositori dari GitHub secara langsung, lalu mengikuti langkah build manual yang tersedia di dokumentasi repo.

Langkah 3: Tentukan Scope — Global atau Project-Local

Ini adalah keputusan penting yang perlu dipikirkan sejak awal, karena berdampak pada cara skill bekerja di mesin Anda.

Instalasi project-local menyimpan skill di dalam direktori proyek. Artinya, setiap anggota tim yang bekerja pada proyek yang sama akan mendapatkan behavior AI yang identik. Ini sangat berguna untuk menjaga konsistensi di lingkungan kerja tim.

Instalasi global menyimpan skill di direktori konfigurasi agent di mesin developer. Skill berlaku di semua proyek, sehingga lebih praktis untuk penggunaan personal atau saat berpindah-pindah proyek.

Catat pilihan scope ini karena akan dibutuhkan lagi saat melakukan update atau penghapusan skill di kemudian hari.

Langkah 4: Hapus Skill yang Tidak Lagi Dibutuhkan

Seiring proyek berkembang, ada skill yang mungkin tidak lagi relevan. Daripada membiarkannya menumpuk dan berpotensi membingungkan AI agent, hapus skill yang sudah tidak dipakai dengan perintah berikut:

npx skills remove nama-skill

Ganti nama-skill dengan nama skill yang ingin dihapus, misalnya wp-block-themes. Pastikan scope yang digunakan (global atau project) sama dengan saat skill tersebut diinstal agar proses penghapusan berjalan dengan benar.

Langkah 5: Kelola Update Secara Berkala

Agent Skills adalah aset yang terus berkembang. WordPress dan komunitas developer secara aktif memperbarui isi skill untuk mengikuti perubahan best practice, API baru, atau perbaikan instruksi. Karena itu, perlakukan skill seperti dependency kode biasa — perlu di-update secara berkala.

Untuk mengecek apakah ada pembaruan yang tersedia, jalankan:

npx skills check

Jika ada update, terapkan dengan:

npx skills update

Satu hal yang perlu diperhatikan: gunakan scope yang sama dengan saat instalasi pertama. Jika skill diinstal secara global, jalankan update tanpa argumen project-path. Jika project-local, pastikan perintah dijalankan dari direktori proyek yang tepat.

Sebelum menerapkan update secara luas ke seluruh tim, ada baiknya review diff terlebih dahulu. Perubahan pada instruksi skill bisa berdampak pada perilaku AI agent, sehingga penting untuk memastikan tidak ada yang tidak diinginkan masuk ke workflow tim tanpa sepengetahuan semua pihak.

Ringkasan Alur Kerja WP Agent Skill

Secara keseluruhan, alur kerja penggunaan WP Agent Skill berjalan seperti ini: tentukan skill yang relevan dengan area kerja → pilih metode instalasi yang sesuai → tentukan scope global atau project-local → hapus skill yang tidak relevan saat proyek bergeser → cek dan terapkan update secara berkala sambil selalu review diff sebelum rollout ke tim.

Dengan alur ini, WP Agent Skill dapat menjadi bagian dari sistem kerja yang terstruktur dan bisa diandalkan dari proyek satu ke proyek lainnya.

Kesimpulan

Masalah utama dalam vibe coding bukan hanya pada AI, tetapi pada cara penggunaannya.

Agent Skill menjadi solusi penting untuk membuat AI lebih terarah. Dari yang sebelumnya tanpa arah, kurang terstruktur, dan cenderung sekedar menebak-nebak; kini workflow jadi lebih terstruktur dan kualitas koding makin bagus.

Bagi developer WordPress, ini adalah momentum yang menarik. Cara kita membuat software WordPress tak lagi sama dengan kemaren-kemaren. Dan, tentu ini membuka peluang lebih besar.

Ke depan, bukan hanya soal siapa yang paling mahir coding. Tetapi siapa yang paling mampu mengarahkan AI dengan efektif.