Resume Builder

Kisah sebuah alat kecil yang hidup di browser, dan cara ia dibuat oleh satu orang yang bekerja bersama dua alat pemrograman AI.

Proyek ini punya dua tugas.

Pertama, menjadi pembuat resume yang benar-benar berfungsi: resume.lab.adityapryg.dev.

Kedua, menjadi contoh nyata cara pembuatnya membangun perangkat lunak bersama Claude Code dan Codex. Kodenya adalah produknya, tetapi cara membuatnya adalah demonstrasinya. Maka kisah ini menceritakan keduanya: apa yang dibangun, dan bagaimana pembuatnya, Claude Code, dan Codex mengerjakannya. Setiap bab ditutup dengan catatan singkat Di balik halaman, dan Bab 6 menyatukan seluruh alur kerja dalam satu halaman.

Alkisah, hiduplah sebuah pembuat resume.

Ia tidak punya server dan tidak punya akun. Ia hanya mengingat apa yang diizinkan browser untuk disimpan, sehingga semua yang ditulis seseorang tetap berada di browsernya sendiri. Ketika pekerjaan selesai, dialog cetak browser mengubahnya menjadi PDF, dan tidak ada orang lain yang pernah melihat satu kata pun.

Ia berbicara dua bahasa, Indonesia dan Inggris, dan dapat menyimpan kedua versi dari satu resume sekaligus. Hal-hal yang tidak pernah berubah, seperti tanggal, kontak, dan foto, ditulis satu kali. Hanya kata-katanya yang diceritakan dua kali.

Ia dibuat dari Svelte, Vite, Tailwind, dan TypeScript, dan ia berhati-hati. Ia tidak pernah memercayai apa pun yang diberikan kepadanya. Setiap berkas diperiksa, setiap tautan diteliti, dan berkas dari versi yang lebih baru dari dirinya ditolak dengan sopan.

Sang tokoh menampilkan setiap resume dengan dua cara.

Classic untuk manusia: halaman bersih dengan sedikit warna. ATS untuk mesin yang membaca resume sebelum manusia mana pun, dengan tata letak sederhana dan urutan baca yang tidak pernah berubah. Sebuah skrip membaca ulang PDF hasil ekspor dan memeriksa bahwa urutannya benar, karena sang tokoh lebih peduli dibaca dengan benar daripada tampil memikat.

Suatu hari, seseorang membawa CV hasil ekspor dari Word. Sang tokoh mencoba membacanya dan bingung. Judul bagian memakai kata yang tidak dikenalnya, nama diberi label sebagai teks biasa, dan butir-butirnya terpecah di antara halaman, sehingga ceritanya berantakan.

Sang tokoh belajar membaca seperti manusia, yaitu dengan melihat. Teks terbesar dan paling tebal kemungkinan adalah judul. Baris dengan gaya yang sama seperti baris lain kemungkinan judul yang lain pula. Ketika huruf tidak memberi petunjuk, sang tokoh kembali pada aturan lama.

Ia membuat tiga janji pada dirinya sendiri:

• Ia tidak akan mengarang apa pun.
• Ia tidak akan menulis ulang atau menerjemahkan apa yang dibacanya.
• Apa pun yang tidak diyakininya dibiarkan kosong dan didaftar sebagai belum ditempatkan, agar orangnya yang memutuskan.

Ia bahkan belajar membaca halaman hasil pindai, dengan tingkat kesalahan karakter 0,91%. Ia mengukur dirinya pada delapan resume rekaan, dan kini sebuah tes akan gagal bila ada isian yang dulu keluar dengan benar tiba-tiba keluar salah. Ia juga mengakui keterbatasannya: kadang pembaca yang dipinjamnya mengubah satu kata, atau menggabungkan dua baris kursus menjadi satu, dan sang tokoh mengatakannya terus terang.

Di sepanjang jalan ia mendapat dua bagian baru, Kursus & Sertifikasi dan Referensi, karena resume sungguhan memilikinya.

Penyimpanan otomatis sang tokoh cepat tetapi tidak kenal ampun. Entri yang terhapus hilang selamanya, sehingga Hapus bertanya dua kali.

Maka sang tokoh belajar undo. Ctrl+Z membatalkan perubahan terakhir, apa pun itu: entri yang dihapus, bagian yang disembunyikan, hasil impor, bahkan Mulai kosong. Ctrl+Shift+Z mengembalikannya. Mengetik di sebuah isian tetap memakai undo bawaan isian itu, dan segala hal lain dihitung satu perubahan selesai pada satu waktu. Sang tokoh mengingat hingga seratus langkah dan melupakannya ketika tab ditutup. Hapus tetap bertanya dua kali, karena dua jaring pengaman lebih baik daripada satu.

Para peninjau membaca hasil kerja ini seperti orang asing di tengah jalan, dan mereka menemukan retakan: foto yang kehilangan izinnya, bunyi berulang yang dilewati pembaca layar, pintasan yang aktif di dalam dialog, dan tombol Undo yang tetap mati pada suntingan pertama. Setiap retakan diperbaiki, dengan tes yang gagal lebih dulu.

Pembuatnya punya panduan tentang cara menulis resume yang baik, dan ingin sang tokoh membagikannya sebagai sebuah kisah, bukan daftar periksa.

Maka sang tokoh menumbuhkan lampu. Ketika sebuah resume sudah punya nama, judul, dan sesuatu yang layak ditanyakan, lampu itu menyala tiga kali dengan lembut, lalu tetap menyala. Bagi siapa pun yang meminta perangkatnya mengurangi gerakan, lampu itu langsung menyala dan tidak bergerak.

Tekan lampunya, dan sang tokoh menceritakan kembali resume Anda:

Alkisah, hiduplah seorang Learning & Development Specialist bernama Dewi Lestari…

Kisahnya berjalan bab demi bab: Judul, Ringkasan Profil, Kompetensi, Pengalaman Kerja, Pendidikan, Kursus, Referensi. Bila ada yang kurang, kisah berhenti dan bertanya. Sudah berapa tahun sang tokoh menempuh jalan ini? Tugas mana yang benar-benar miliknya? Di mana ia mengambil kursusnya? Setiap pertanyaan boleh dilewati.

Sang tokoh tidak pernah menghakimi. Ia memperhatikan dan bertanya.

Ketika seseorang menjawab, sang tokoh menuliskannya ke dalam resume dengan pola kalimat dari panduan itu, dalam bahasa resume, tanpa AI dan tanpa server, dan tidak pernah mengarang satu kata pun. Apa yang ditulisnya tetap disorot di layar, tidak pernah di cetakan, sampai orangnya menyuntingnya. Setiap halaman yang dibalik adalah satu langkah undo. Setiap isian kosong juga membisikkan maknanya, sebagai tip kecil yang melayang di desktop dan sebagai pita di bawah baris di ponsel.

Setiap fitur di proyek ini melalui putaran yang sama. Tidak ada yang ajaib di dalamnya. Ini hanya kumpulan kebiasaan yang menjaga pembuatnya tetap memegang kendali dan para pembantu tetap jujur.

flowchart LR
  A[Ide] --> B[Brainstorming dan mockup]
  B --> C[Dokumen desain]
  C --> D[Pemeriksaan pembangun]
  D --> E{Pembuat menyetujui}
  E --> F[Rencana, tes lebih dulu]
  F --> G[Bangun]
  G --> H[Verifikasi dengan bukti]
  H --> I[Tinjauan mata segar, lalu Codex]
  I --> J[Perbaikan, tes gagal lebih dulu]
  J --> K{Pembuat memutuskan: push, PR, merge}

1. Brainstorming. Satu pertanyaan pada satu waktu, dimulai dari yang terbuka: ceritakan saat ketika ini akan membantu. Asisten memutar ulang ide itu dalam potongan pendek dan menandai tebakannya sendiri sebagai tebakan. Ketika melihat lebih baik daripada membaca, ia membuka tab browser berisi mockup, seperti yang dilakukannya untuk tata letak buku cerita.
2. Dokumen desain. Ide yang disepakati dituliskan: tujuan, bukan-tujuan, dan hal-hal yang dianggap kegagalan.
3. Pemeriksaan pembangun. Pembantu baru yang belum melihat percakapan membaca desain itu seolah harus membangunnya, dan hanya mendaftar pertanyaan yang tidak dapat dijawabnya. Sebagian jawaban datang dari pembuatnya, sisanya adalah keputusan asisten, yang ditandai demikian.
4. Gerbang persetujuan. Tidak ada yang dibangun sebelum pembuatnya menyetujui desain.
5. Rencana. Tugas-tugas kecil, masing-masing dimulai dengan tes yang gagal. Rencana menyalin aturan keras desain kata demi kata, dan mendaftar kasus yang paling mungkin menimpa orang sungguhan.
6. Bangun. Dua mode, dipilih per fitur menurut ukuran dan risikonya: subagent-driven (pembangun baru dan peninjau baru untuk setiap tugas) atau native (satu sesi membangun semuanya, lalu satu peninjau baru).
7. Buku catatan. Setiap rencana menyimpan berkas kemajuan dengan satu baris per tugas selesai dan catatan setiap pertimbangan: apa yang diputuskan, mengapa, dan apa akibatnya bila keliru. Ketika sebuah sesi kehilangan ingatan atau alat lain mengambil alih, buku catatan dan git log menjadi ingatannya.
8. Verifikasi dengan bukti. Rangkaian tes, pemeriksaan tipe, build, pemeriksaan ATS dan cetak di browser sungguhan, serta tangkapan layar yang benar-benar dilihat oleh seseorang.
9. Tinjauan. Peninjau baru pada model terkuat membaca seluruh cabang. Codex menambahkan pendapat kedua, dan kadang yang adversarial. Temuan dinilai ulang menurut apa yang akan dialami orang yang memakai aplikasinya, dan setiap perbaikan dimulai dengan tes yang gagal. Hal-hal kecil didaftar dan ditunda, tidak pernah diperbaiki diam-diam.
10. Pembuat memutuskan. Push, membuka pull request, merge, dan menulis ulang riwayat semuanya menunggu jawaban ya.

Siapa melakukan apa:

Alur kerja ini juga punya beberapa aturan yang tidak pernah dilonggarkan:

• Data privat tetap privat. CV asli tidak pernah di-commit, dan tes memakai tokoh rekaan.
• Ide yang belum siap dituliskan, di berkas catatan dan memori, agar kembali pada gilirannya dan tidak hilang atau dikerjakan setengah jadi.
• Sebutkan apa yang sudah dan belum diverifikasi. Bila sebuah tinjauan dihentikan lebih awal atau sebuah pemeriksaan tidak dijalankan, laporan mengatakannya.

Tidak selalu rapi. Satu tinjauan Codex dihentikan sebelum melaporkan apa pun. Seorang pembantu pernah kehabisan tenaga di tengah sebuah bab. Sebuah tes gagal karena browser tiruan di dalam tes tidak berperilaku seperti yang asli. Semuanya diperhatikan, dikatakan terus terang, lalu diperbaiki atau dicarikan jalan keluarnya, dan itu juga bagian dari demonstrasi ini.

Tidak semua bab sudah selesai:

• Suara. Pencerita belum bisa membaca dengan lantang. Teks dulu, baru suara.
• Tautan dan cetak tebal. Kontak yang dapat diklik, tautan perusahaan, dan kata tebal di dalam kalimat ditunda untuk hari lain.
• Pilihan kata. Kisah berbahasa Indonesia masih mencampur kamu dan Anda.

Maka sang tokoh melangkah terus, sedikit lebih berani. Ia dapat membaca CV orang asing, menarik kembali kesalahan, dan menceritakan kembali kisah seseorang kepada pemiliknya, dengan cukup lembut sehingga mereka ingin menulisnya lebih baik. Dan cara pembuatannya, dengan seorang manusia yang memegang kendali, dua alat yang membantu, dan semuanya diperiksa, adalah separuh lain dari kisah ini.

Bersambung.