Cara Install Claude Code Plugin Superpowers untuk Vibe Coding & AI Agentic

AH
Ahmad Lukman Hakim

Dedicated Author of LUKMANLAB

# ai# claude

Pada kesempatan kali ini saya akan share kepada teman-teman sedikit teknik bagaimana menggunakan Claude Code plugin untuk Vibe Coding dan AI Agentic. Oke, langsung saja. Saya akhir-akhir ini menggunakan plugin superpowers dari official pluginya Claude. Menurut saya plugin ini cukup membantu pekerjaan feature delivery, bugfix, small-big changes dan seterusnya.

Cara setup Superpowers plugin

Sebelum mulai, pastikan teman-teman sudah menginstall Claude Code di komputer, dan sudah login pakai akun Claude (Pro/Max/API). Kalau sudah, berikut langkah-langkah untuk setup plugin superpowers:

  1. Buka terminal, lalu jalankan Claude Code seperti biasa:

    claude
    
  2. Tambahkan marketplace plugin resmi dari Claude, caranya ketik perintah berikut di dalam sesi Claude Code:

    /plugin marketplace add anthropics/claude-code
    
  3. Setelah marketplace berhasil ditambahkan, install plugin superpowers dengan perintah:

    /plugin install superpowers@claude-code
    
  4. Restart Claude Code (keluar lalu jalankan ulang claude) supaya plugin-nya aktif.

  5. Cek apakah plugin sudah terpasang dengan benar, ketik:

    /plugin
    

    Kalau superpowers sudah muncul dan berstatus aktif, berarti setup sudah berhasil.

Sekilas plugin ini berisi kumpulan skill (semacam panduan kerja terstruktur) yang otomatis dipakai Claude Code saat mengerjakan task, mulai dari brainstorming, bikin rencana implementasi (planning), sampai eksekusi step-by-step dengan checklist.

Penggunaan

Setelah plugin aktif, teman-teman sebenarnya tidak perlu melakukan apa-apa secara khusus. Claude Code akan otomatis mendeteksi dan memakai skill yang relevan sesuai permintaan kita, baik lewat prompt biasa maupun slash command manual (misal /brainstorming). Berikut alur lengkapnya, saya taruh dalam bentuk bash biar mudah dibaca urutannya:

# 1. Fitur baru / requirement belum jelas -> brainstorming dulu
#    dipakai kalau: fitur baru, requirement masih samar, banyak opsi desain
#    TIDAK dipakai kalau: task sudah jelas dan kecil (misal ubah teks tombol)
claude "Saya mau bikin fitur login pakai Google OAuth, bantu brainstorming dulu sebelum mulai coding"
# atau eksplisit:
/brainstorming

# 2. Ada bug -> debugging sistematis dulu, bukan langsung tebak fix
#    dipakai kalau: root cause belum ketemu, bug intermiten/susah direproduksi
#    TIDAK dipakai kalau: penyebab sudah jelas (misal typo, salah import)
claude "Tombol submit tidak jalan setelah user logout, tolong debug root cause-nya"
# atau eksplisit:
/systematic-debugging

# 3. Task cukup besar / banyak file terdampak -> bikin spec + plan dulu
#    dipakai kalau: perubahan lintas file/module, butuh review sebelum eksekusi
#    TIDAK dipakai kalau: perubahan kecil, satu file, low risk
/writing-plans
# -> Claude generate file spec/plan (markdown) berisi:
#    - konteks & requirement task
#    - langkah implementasi step-by-step
#    - trade-off dan alternatif yang dipertimbangkan
#    - success criteria (kapan task dianggap selesai)
# file ini bisa kita review/edit dulu sebelum lanjut eksekusi

# lanjut eksekusi bertahap sesuai plan yang sudah dibuat, per checklist
/executing-plans

# 4. Sebelum commit / klaim selesai -> verifikasi dulu
#    ini SELALU dipakai di akhir task, tidak ada kondisi "tidak perlu"
#    Claude akan jalankan test/build/cek manual sebelum bilang "sudah beres"
/verification-before-completion

Beberapa catatan supaya tidak salah pakai:

  • Skill/slash command bukan wajib dipanggil manual. Sebagian besar sudah otomatis terpicu dari kalimat prompt kita (misal kata "bug" akan memicu systematic-debugging). Slash command (/brainstorming, /writing-plans, dst) berguna kalau kita mau eksplisit memaksa Claude memakai skill tertentu.
  • Jangan skip brainstorming/planning untuk task besar hanya karena ingin cepat — di sinilah manfaat utama plugin ini terasa, karena mencegah Claude langsung ngoding tanpa arah yang jelas.
  • Spec dan plan yang dihasilkan tersimpan sebagai file markdown, jadi bisa kita baca, edit, atau diskusikan ulang sebelum Claude mulai eksekusi. Ini juga jadi dokumentasi kalau suatu saat kita atau anggota tim lain perlu tahu kenapa suatu fitur dibangun dengan cara tertentu.
  • Untuk task kecil dan jelas (fix typo, ganti warna, tambah console.log), tidak perlu brainstorming atau planning, cukup minta langsung. Skill-skill berat ini justru bikin lambat kalau dipakai untuk hal remeh.
  • Verifikasi di akhir tetap jalan meski kita skip brainstorming/planning di awal, karena ini bagian dari disiplin "jangan klaim selesai sebelum dibuktikan".

Intinya, dengan plugin superpowers ini, alur kerja Claude Code jadi lebih terstruktur, mirip seperti kita kerja bareng developer yang disiplin mengikuti proses: brainstorming → planning → eksekusi → verifikasi, tapi tetap fleksibel dipakai sesuai ukuran task. Buat teman-teman yang sering pakai Claude Code untuk vibe coding maupun task AI agentic yang lebih kompleks, plugin ini cukup worth it untuk dicoba.