Checklist Permission Sebelum Claude Code Mengedit Situs Klien

Pekerjaan agensi penuh edit kecil: CTA landing page, headline, tanggal kampanye, intro studi kasus. Claude Code bisa cepat, tetapi di situs klien batas lebih penting dari kecepatan.

Checklist ini untuk agensi web, marketing, dan konsultan yang memelihara WordPress, Astro, Next.js, landing statis, dan halaman dengan form.

Inti

• Pisahkan file menjadi read-only, editable, dan forbidden sebelum edit.
• Serahkan diff, build, link check, dan mobile check ke Claude Code. Approval klien dan publish tetap manusia.
• Lindungi data klien, ad tags, form destination, analytics, payment, dan legal copy.
• Mulai dengan PDF gratis; standardisasi dengan setup guide; gunakan konsultasi untuk tim.

Tiga level permission

Kecelakaan agensi sering terjadi karena scope kabur. “Ubah tombol ini” bisa menyentuh header bersama atau pixel.

Level	Arti	Contoh
Read-only	boleh dibaca, tidak diedit	LP lama, referensi, CTA lama
Editable	boleh diedit untuk tugas ini	halaman target, file copy
Forbidden	jangan dibuka jika tidak perlu; jangan diedit	.env, daftar customer, pixel, payment

Batas tertulis membuat Claude Code lebih stabil.

Peran Claude Code

Claude Code membuat diff, menjaga link, menjalankan build, dan mengecek mobile. Manusia menilai brand tone, legal claims, dan publish.

Instruksi siap pakai

Change only the CTA copy on this client landing page.

Editable:
- site/src/pages/campaign.astro
- site/src/content/campaign-copy.ts

Read-only:
- site/src/layouts/BaseLayout.astro
- site/src/components/Header.astro

Do not touch:
- .env*
- form action / submission destination
- analytics, ads, or pixel code
- pricing, contracts, legal, privacy policy

Task:
1. Make the CTA headline shorter
2. Change the button label to "Book a free consultation"
3. Keep the link target as /training/
4. Run npm run build
5. Report the diff and verification result

Membaca konteks bukan izin mengedit.

Script penjaga

const diff = process.env.DIFF_TEXT || "";
const forbidden = [".env", "gtag(", "fbq(", "stripe", "customer_email"];

const hits = forbidden.filter((word) => diff.includes(word));
if (hits.length) {
  console.error("possible forbidden diff:", hits.join(", "));
  process.exit(1);
}

console.log("forbidden-word check passed");

Masukkan git diff ke DIFF_TEXT. Tidak sempurna, tapi membantu.

Tiga use case

1. Copy tombol landing
Hanya halaman target editable. Form, tags, dan harga forbidden.

2. Intro case study
Case lama read-only, artikel target editable. Nama dan angka disetujui manusia.

3. Tanggal kampanye
Tanggal memengaruhi OGP, structured data, CTA, dan deadline form. Claude Code daftar dampak; owner approve.

Kesalahan

Kesalahan 1: “buat lebih bagus”
Scope melebar. Daftar file dulu.

Kesalahan 2: tidak ada forbidden list
.env, ads, payment, dan forms harus tertulis.

Kesalahan 3: publish setelah build saja
Cek public URL, h1, link, dan mobile.

Kesalahan 4: claim kuat tanpa approval
”Guaranteed” atau “No. 1” butuh bukti.

CTA: langkah berikutnya

Mulai dengan cheatsheet gratis. Untuk CLAUDE.md, permissions, hooks, dan setup, gunakan setup guide. Untuk workflow klien multi-person, pakai konsultasi.

Baca juga permissions guide dan team rollout risk register.

Gabungkan izin dengan jalur pendapatan

Di pekerjaan agensi, checklist izin tidak cukup jika hanya melihat file yang boleh diedit. Mengubah CTA, menambah tombol PDF gratis, menaruh link Gumroad, atau mengarahkan pembaca ke konsultasi akan mengubah cara klien membaca lead.

Karena itu brief untuk Claude Code harus memuat UI yang boleh diubah dan pengukuran yang tidak boleh rusak: event formulir, thank-you page, parameter kampanye, link produk, dan email kontak. Pemeriksaan publik selesai hanya jika pembaca mobile bisa melihat tombol, menekan link, dan masuk ke langkah berikutnya tanpa hambatan.

Setelah rilis, simpan satu baris berisi nama klien, owner, URL publik, CTA utama, dan cara rollback. Catatan kecil ini membuat optimasi bulan berikutnya lebih mudah diaudit.

Hasil dicoba

Saya menerapkan checklist pada edit CTA landing page. File editable dibatasi dua, form dan tracking dilarang, lalu build dan mobile dicek.

Pemisahan read-only dan editable memberi hasil paling jelas. Claude Code punya konteks, tetapi diff tetap kecil.