Cara Menggunakan Claude Code dengan GitHub Actions

Apakah Anda siap untuk meningkatkan alur kerja Anda dengan Claude Code dan GitHub Actions? Bayangkan memiliki rekan tim AI yang meninjau permintaan tarik (pull request), memperbaiki bug, atau bahkan menulis fitur baru langsung di repo GitHub Anda. Kedengarannya seperti sihir, bukan? Claude Code dari Anthropic mewujudkan ini dengan berintegrasi secara mulus dengan GitHub Actions, mengotomatiskan tugas hanya dengan menyebut @claude. Saya menemukan permata ini di dokumen Anthropic dan repo GitHub, dan ini adalah pengubah permainan bagi para developer. Dalam tutorial ini, saya akan memandu Anda melalui pengaturan Claude Code di GitHub Actions, membuat alur kerja untuk meninjau PR, dan menjelajahi kemampuannya. Mari selami dan buat repo Anda lebih pintar!

Mengapa Claude Code dan GitHub Actions Sangat Hebat?

Claude Code adalah alat pengkodean agentik dari Anthropic yang berada di terminal atau IDE Anda, memahami basis kode Anda seperti seorang profesional. Ketika dipasangkan dengan GitHub Actions, ia menjadi rekan tim virtual yang mengotomatiskan tinjauan kode, mengimplementasikan fitur, dan menyeleksi masalah langsung di repo Anda. Saat ini masih dalam versi beta (per Mei 2025), tetapi sudah unggul untuk tugas-tugas seperti:

• Tinjauan Kode: Menganalisis PR untuk bug, gaya, dan standar.
• Implementasi Fitur: Mengubah deskripsi masalah menjadi kode yang berfungsi.
• Perbaikan Bug: Mendeteksi dan memperbaiki kesalahan dengan PR yang siap digabungkan.

Repo GitHub anthropics/claude-code-action menyoroti kemampuannya untuk dipicu pada komentar @claude, menjadikannya interaktif dan ramah developer. Mari kita atur!

Menyiapkan Claude Code untuk GitHub Actions

Sebelum kita mengotomatiskan repo Anda, mari siapkan lingkungan Anda. Ini ramah bagi pemula, dan saya akan membuatnya cepat!

1. Periksa Persyaratan:

• Repositori GitHub: Anda memerlukan akses admin untuk menambahkan secret dan aplikasi.
• Kunci API Anthropic: Dapatkan dari console.anthropic.com. Akun gratis berfungsi, tetapi paket berbayar (Pro/Max) menawarkan lebih banyak penggunaan.
• Sistem: Sistem Operasi apa pun (macOS, Linux, Windows dengan WSL2) dengan Git dan terminal.
• Claude Code CLI (opsional untuk penyiapan): Instal melalui npm install -g @anthropic-ai/claude-code.

2. Instal Aplikasi GitHub Claude:

• Buka terminal Anda dan jalankan:

claude
/install-github-app

• Ini akan memandu Anda untuk menginstal Aplikasi GitHub Claude (github.com/apps/claude) ke repo Anda. Ikuti petunjuk untuk memilih repo Anda dan mengotorisasi izin.
• Jika Anda mengalami kesalahan 404, refresh token gh Anda: gh auth refresh -h github.com -s workflow dan coba lagi.
• Catatan: Panduan cepat ini untuk pengguna API Anthropic. Untuk AWS Bedrock atau Google Vertex AI, lihat penyiapan manual di dokumen Anthropic.

3. Tambahkan Kunci API Anda:

• Setelah instalasi, CLI membuat PR dengan file alur kerja (.github/workflows/claude.yml). Sebelum menggabungkan, tambahkan kunci API Anthropic Anda sebagai secret GitHub:
• Buka Settings > Secrets and variables > Actions di repo Anda.
• Tambahkan secret bernama ANTHROPIC_API_KEY dengan kunci Anda dari konsol Anthropic.
• Gabungkan PR untuk mengaktifkan alur kerja.

Saya menyiapkan ini dalam 10 menit di repo pengujian—sangat lancar.

Catatan: Selalu gunakan GitHub Secrets untuk kunci API!

Membuat Alur Kerja Claude Code di GitHub Actions

Sekarang, mari buat alur kerja GitHub Actions untuk membuat Claude Code meninjau PR secara otomatis. Kita akan menggunakan anthropics/claude-code-action dari repo GitHub.

1. Buat File Alur Kerja:

• Jika /install-github-app tidak membuatnya, tambahkan secara manual .github/workflows/claude.yml di repo Anda:

name: Claude Code Review
on:
  pull_request:
    types: [opened, synchronize]
jobs:
  review:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v4
        with:
          fetch_depth: 0
      - name: Run Claude Code Review
        uses: anthropics/claude-code-action@beta
        with:
          anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}
          direct_prompt: |
            Review the PR changes. Focus on code quality, potential bugs, and adherence to project standards. Suggest improvements and provide a detailed explanation.

• Ini memicu Claude Code pada PR baru atau yang diperbarui, meninjau kode untuk kualitas dan bug.

2. Uji Alur Kerja:

• Push perubahan ke cabang dan buka PR. Claude Code akan berjalan, memposting komentar dengan tinjauannya (misalnya, “Menemukan potensi null pointer di main.py. Pertimbangkan untuk menambahkan pemeriksaan…”).
• Saya menguji ini di repo Python, dan Claude menangkap petunjuk tipe yang hilang—tepat sasaran!

3. Sesuaikan Pemicu:

• Ingin kontrol manual? Modifikasi alur kerja untuk dipicu pada komentar:

on:
  issue_comment:
    types: [created]
jobs:
  claude:
    if: contains(github.event.comment.body, '@claude')
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: anthropics/claude-code-action@beta
        with:
          anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}

• Sekarang, beri komentar @claude review this PR untuk memicunya.

Menggunakan Claude Code untuk Tugas Tingkat Lanjut

Claude Code di GitHub Actions tidak hanya untuk tinjauan—ia dapat mengimplementasikan fitur atau memperbaiki bug. Berikut cara meningkatkannya:

1. Implementasikan Fitur:

• Buat isu: “Tambahkan autentikasi pengguna ke endpoint login.”
• Beri komentar: @claude implement this feature based on the issue description.
• Claude menganalisis isu, menulis kode, dan membuat PR. Saya mencoba ini untuk REST API, dan ia menambahkan penyiapan otentikasi JWT dasar—mengesankan.

2. Perbaiki Bug:

• Dalam isu, jelaskan bug: “TypeError di dashboard.js.”
• Beri komentar: @claude fix the TypeError in the user dashboard component.
• Claude menemukan isu, mendorong perbaikan, dan membuka PR.

3. Tambahkan Standar Proyek:

• Buat file CLAUDE.md di root repo Anda untuk menentukan standar pengkodean (misalnya, “Gunakan PEP 8 untuk Python”). Claude menghormati panduan ini selama tinjauan dan implementasi.

Contoh implementasi:

1. Pertama, pengguna meninggalkan komentar dengan menandai @Claude, memintanya untuk menangani umpan balik, yang memicu respons otomatis Claude melalui GitHub Actions.

2. Kemudian Claude merespons secara otomatis komentar tersebut, melakukan tindakan yang diminta (misalnya, penanganan kesalahan API, de-duplikasi), dan menyediakan daftar periksa tugas yang telah selesai.

3. Terakhir, peninjau (misalnya, insinyur frontend) menyetujui perubahan yang dibuat oleh Claude, permintaan tarik berhasil digabungkan dan ditutup, menandakan bahwa perubahan Claude telah melewati tinjauan.

Menjelajahi Fitur GitHub Actions Claude Code

Ingin mendorong Claude Code lebih jauh? Berikut beberapa trik keren:

• Analisis Gambar: Unggah tangkapan layar di komentar (misalnya, @claude fix this UI bug [screenshot]), dan Claude menganalisisnya untuk menyarankan perbaikan. Bagus untuk bug visual.
• Alat Kustom: Aktifkan alat seperti Bash(git:*), GlobTool, atau server MCP (Model Control Protocol) untuk tugas tingkat lanjut (misalnya, mengambil data). Lihat repo GitHub untuk contoh.
• Runner Lebih Cepat: Gunakan runner Depot (runs-on: depot-ubuntu-latest) untuk eksekusi yang lebih cepat dan lebih murah dibandingkan dengan runner default GitHub.
• Integrasi SDK: Bangun alur kerja kustom dengan Claude Code SDK untuk tugas di luar GitHub Actions.

Saya bereksperimen dengan analisis gambar untuk bug CSS, dan Claude berhasil memperbaikinya—luar biasa!

Rangkuman: Kuasai Claude Code dengan GitHub Actions

Kerja bagus! Anda baru saja membuka kunci Claude Code di GitHub Actions untuk mengotomatiskan tinjauan kode, mengimplementasikan fitur, dan memberantas bug! Mulai dari menginstal Aplikasi GitHub hingga membuat alur kerja, Anda sekarang siap menjadikan repo Anda pusat produktivitas. Coba tambahkan alat MCP, sesuaikan CLAUDE.md, atau dokumentasikan API Anda dengan APIdog. Bagikan kemenangan Claude Code Anda di X atau Reddit—saya tidak sabar melihat PR Anda bersinar! Selamat coding!