DJEONAILWork with me
← Semua tulisan
·16 menit baca·Jeon Nathaniel

Prompt di Balik Build Opus 5.5 Hari Pertama

Endless runner, souls game, lab optik, kart racer, film animasi dari kode, dunia bawah laut satu file. Semua dari satu prompt. Ini pola promptnya, ditulis ulang supaya bisa kamu pakai, plus biaya yang tidak kelihatan di video dan layanan yang bisa dijual dari sini.

claudepromptvibe coding
Sampul: Prompt di Balik Build Opus 5.5 Hari Pertama

Claude Opus 5.5 rilis 22 September 2026. Dalam 24 jam, orang sudah memakainya untuk membuat endless runner yang mengalahkan GPT-6 di detail, souls game lengkap dengan boss fight, lab optik yang bisa diputar-putar, kart racer delapan pembalap, film animasi yang tiap frame-nya digambar oleh kode, dan satu dunia bawah laut dalam satu file 3 MB.

Yang tidak kelihatan di video: promptnya, biayanya, dan pekerjaan review sebelum hasilnya boleh dikirim ke klien. Tulisan ini mengisi tiga hal itu. Prompt-prompt di bawah ditulis ulang sebagai pola yang bisa kamu pakai ulang, bukan salinan kata per kata milik orang yang membuat build aslinya. Polanya yang membuat build satu tembakan keluar dalam keadaan selesai, bukan setengah jadi.

Laki-laki takjub mengangkat satu flashdisk kecil, laptop di tangannya menampilkan game warna-warni, latar hijau
Satu file, tanpa aset luar, langsung jalan di browser. Aturan pertama di hampir semua build hari pertama.

Yang berubah pada 22 September 2026

Opus 5.5 adalah model pertama di keluarga 5.5. Menurut pengumuman Anthropic, kemampuannya setara Fable 5.1 di kebanyakan pekerjaan, biayanya sekitar 40 persen lebih rendah dari Opus 5 untuk beban kerja tipikal, dan keluarannya lebih dari 30 persen lebih cepat. Di tes agentic coding Terminal-Bench 4.0 yang dipublikasikan Anthropic, skornya 66,4 lawan GPT-6 Astra 57,9. Thinking selalu aktif, jadi model ini menimbang dulu sebelum menjawab.

Harga API per satu juta token: 4 dolar masuk, 20 dolar keluar, pembacaan cache 0,20 dolar, penulisan cache 5 dolar. Modelnya juga tersedia lewat AWS, Google Cloud, dan Microsoft Azure, jadi bisa jalan di akun dan anggaran yang sudah ada.

Cara pindah dalam dua menit:

  • Di aplikasi Claude: buka pemilih model di chat mana pun, pilih Claude Opus 5.5.
  • Di Claude Code: jalankan /model lalu pilih Opus 5.5, atau atur per proyek. Semua build di tulisan ini dikerjakan lewat coding agent, bukan jendela chat.
  • Lewat API: id modelnya claude-opus-5-5.

Enam build, lima pola, empat layanan

Peta enam build dari carousel ke lima pola prompt dan empat layanan yang bisa dijual
Semua build hari pertama jatuh ke lima pola. Empat di antaranya langsung bisa dijual sebagai jasa.

Endless runner, kart racer, dan souls game memakai pola yang sama: game satu file. Lab optik dan dunia bawah laut memakai pola lab interaktif. Film hand-drawn memakai pola animasi dari kode. Editor animasi dengan timeline memakai pola tool yang benar-benar jalan. Perbandingan GPT-6 lawan Opus 5.5 memakai pola duel model.

Anatomi prompt satu tembakan

Sebelum masuk ke pola, ini kerangka yang dipakai semuanya. Kalau salah satu bagian hilang, hasilnya rapi di video tapi tidak jalan saat dicoba.

Tiga bagian prompt satu tembakan: tujuan, aturan keras, proses
Tujuan satu kalimat, aturan yang tidak bisa ditawar, lalu perintah untuk menyelesaikan sebelum menunjukkan.
  1. Tujuan dalam satu kalimat: bikin apa, jalan di mana.
  2. Aturan keras yang tidak bisa ditawar: satu file, tanpa aset luar, playable dari awal sampai akhir, jumlah level, fisika sungguhan, target frame rate.
  3. Proses: kerjakan sampai tuntas sebelum menunjukkan apa pun, lalu laporkan apa yang dipotong dan apa yang akan ditambah berikutnya.

Bagian ketiga ini yang paling sering dilupakan. Tanpa perintah "selesaikan dulu", model berhenti di tengah untuk bertanya, dan tanpa "laporkan yang dipotong", kamu tidak tahu apa yang diam-diam dilewati.

Pola 1: Game satu file yang langsung bisa dimainkan

Dipakai untuk endless runner di duel model, kart racer, dan souls game. Bagian yang menentukan: satu file, seni dan suara dibuat oleh kode, dan tuntutan tegas bahwa gamenya harus bisa dimainkan dari awal sampai akhir sebelum ditunjukkan.

Build a complete, playable [GAME TYPE] that runs in a single HTML file in the browser.

Hard rules:
- One file, no build step, no external assets. Generate all art, sound and levels in code.
- Playable end to end on first load: start screen, controls, win and lose states, restart.
- [3-4] levels or worlds, each with its own look and its own difficulty curve.
- Real physics for movement and collisions, a visible score or timer, and a leaderboard kept in local storage.
- Hold 60 frames per second on a laptop. If you must cut detail to hold it, tell me what you cut.

Work through it end to end before you show me anything. Then list what you cut and what you would add next.

Tiga contoh terisi, sesuai build di carousel.

Endless runner (yang dipakai di duel model):

Build a complete, playable endless runner that runs in a single HTML file in the browser.

Hard rules:
- One file, no build step, no external assets. Generate the character, props, backgrounds and sound in code.
- Playable end to end on first load: start screen, keyboard and touch controls, game over, restart.
- Four worlds that rotate every 30 seconds, each with its own props, colour palette and obstacle set.
- Real physics for jumping and collisions, a distance score, a combo multiplier, and a top-ten leaderboard in local storage.
- Hold 60 frames per second on a laptop. If you must cut detail to hold it, tell me what you cut.

Work through it end to end before you show me anything. Then list what you cut and what you would add next.
Hasil build endless runner: karakter berlari di dunia gurun saat matahari terbenam, dengan skor dan combo
Hasil prompt endless runner di atas, dibangun satu tembakan oleh Claude untuk tulisan ini, tanpa edit manual.

Coba mainkan endless runner-nya di tab baru

Kart racer delapan pembalap:

Build a complete, playable kart racer that runs in a single HTML file in the browser.

Hard rules:
- One file, no build step, no external assets. Generate karts, track, scenery and engine sounds in code.
- Playable end to end on first load: track select, countdown, three laps, results screen, restart.
- Three circuits with different layouts and scenery, eight racers with simple AI that overtakes and blocks.
- Real physics: acceleration, drift, collisions with walls and karts. A HUD with lap, position, lap time and a minimap.
- Hold 60 frames per second on a laptop. If you must cut detail to hold it, tell me what you cut.

Work through it end to end before you show me anything. Then list what you cut and what you would add next.
Hasil build kart racer: lintasan pseudo-3D dengan delapan kart, HUD lap dan minimap
Hasil prompt kart racer, satu tembakan, tanpa edit. Tiga sirkuit, delapan pembalap, HUD lengkap.

Coba mainkan kart racer-nya di tab baru

Souls game dengan boss fight:

Build a complete, playable souls-like action game that runs in a single HTML file in the browser.

Hard rules:
- One file, no build step, no external assets. Generate the knight, the arena, the boss and all sound in code.
- Playable end to end on first load: title screen, tutorial arena, a bridge boss fight, victory and death screens, restart.
- Stamina-based combat: light attack, heavy attack, dodge roll with invincibility frames, block. Every hit must feel readable.
- A boss with three phases and telegraphed attacks, a health bar for both sides, and a "boss vanquished" moment.
- Hold 60 frames per second on a laptop. If you must cut detail to hold it, tell me what you cut.

Work through it end to end before you show me anything. Then list what you cut and what you would add next.

Layanan yang bisa dijual dari pola ini: game kampanye dengan produk dan warna klien di dalamnya, plus hosting. Pembeli terbaiknya agensi yang sedang menjalankan peluncuran, dan brand yang mau sesuatu yang dibagikan orang, bukan banner lagi.

Pola 2: Lab interaktif yang mengajarkan lewat main

Dipakai untuk lab optik dan dunia bawah laut. Triknya: minta model 3D sungguhan dengan kontrol yang mengubah fisikanya secara langsung, dan sebutkan aturan yang harus dipatuhi simulasinya supaya tidak bisa dipalsukan.

Perempuan berjas lab menembakkan laser menembus lensa kaca besar yang ia pegang, latar biru tua
Kontrol yang mengubah fisika secara langsung, dan aturan yang disebut eksplisit. Itu yang membedakan lab dari animasi.
Build an interactive explainer that teaches [TOPIC] by letting me play with it, not by describing it.

Hard rules:
- One HTML file, runs in the browser, no external assets.
- The main object is a real 3D model I can drag, rotate and adjust with at least one control that changes the physics live.
- Every control explains what changed and why, in plain language, in a side panel.
- It must be correct: [NAME THE RULE OR FORMULA THE SIMULATION MUST OBEY].
- Studio look: dark background, one accent colour, no clutter.

Plan the whole thing first, then build it in one pass. When you finish, list every simplification you made.

Lab optik (86 menit, sekali jalan):

Build an interactive explainer that teaches how a camera lens focuses, by letting me play with it, not by describing it.

Hard rules:
- One HTML file, runs in the browser, no external assets.
- The main object is a real 3D lens assembly I can drag and rotate. A focus ring control slides the lens group and moves the plane of focus live, with a small scene (trees, a cabin) going in and out of focus.
- Every control explains what changed and why, in plain language, in a side panel: focal length, aperture, depth of field.
- It must be correct: obey the thin lens equation 1/f = 1/u + 1/v, and depth of field must narrow as the aperture opens.
- Studio look: dark background, one accent colour, no clutter.

Plan the whole thing first, then build it in one pass. When you finish, list every simplification you made.
Hasil build lab optik: bangku optik dengan lensa, berkas cahaya, dan panel penjelasan
Hasil prompt lab optik, satu tembakan. Geser focus ring, bidang fokus ikut pindah, panel di kanan menjelaskan kenapa.

Coba lab optiknya di tab baru

Dunia bawah laut, satu file:

Build an interactive underwater exploration piece that runs in a single HTML file under 3 MB.

Hard rules:
- One file, no external assets. Water, light shafts, fish, a shipwreck and ambient sound are all generated in code at runtime.
- A diver I can move with keyboard and touch, buoyancy that feels like water, and a simple goal: find the objects listed on screen.
- Light must behave like water: blue attenuation with depth, caustics on the seabed, particles in the beam.
- Runs at 60 frames per second on a laptop; degrade particle count before anything else.

Plan the whole thing first, then build it in one pass. When you finish, list every simplification you made.
Hasil build dunia bawah laut: penyelam, berkas cahaya, ikan, dan kapal karam
Hasil prompt dunia bawah laut, satu file, satu tembakan. Air, cahaya, ikan, kapal karam, semua dari kode.

Coba jelajahi dunia bawah lautnya di tab baru

Layanan yang bisa dijual: demo produk interaktif, sekali bayar per demo atau retainer untuk menjaga satu lini produk tetap mutakhir. Pembeli terbaiknya perusahaan B2B yang produknya tidak bisa dipahami dari brosur: perangkat keras, mesin, material, perangkat lunak yang rumit.

Pola 3: Animasi yang seluruhnya digambar oleh kode

Dipakai untuk film hand-drawn di carousel. Tidak ada model video sama sekali. Modelnya menulis kode yang melukis setiap frame, jadi hasilnya sebuah program yang bisa dirender ulang, diubah timing-nya, dan diganti warnanya tanpa biaya.

Make a [LENGTH] animation about [SUBJECT], drawn entirely in code. No video model, no stock footage, no image files.

Hard rules:
- One HTML file with a canvas. Every frame is painted by the code, frame by frame, at 60 frames per second.
- Style: [hand-drawn brush strokes / flat vector / paper cut-out], one colour palette, no text on screen.
- Storyboard it first as a list of beats with timings. Show me that list, then build.
- Add a record button that exports the canvas to a webm file.

When you finish, list which beats you simplified and why.

Contoh terisi, film 45 detik gaya kuas tangan:

Make a 45-second animation about a small red robot discovering light, drawn entirely in code. No video model, no stock footage, no image files.

Hard rules:
- One HTML file with a canvas. Every frame is painted by the code, frame by frame, at 60 frames per second.
- Style: hand-drawn brush strokes with visible texture, warm paper background, a palette of five colours, no text on screen.
- Storyboard it first as a list of beats with timings: the robot alone, the prism, the rainbow, the dark ending. Show me that list, then build.
- Add a record button that exports the canvas to a webm file.

When you finish, list which beats you simplified and why.
Frame dari animasi yang digambar kode: robot merah kecil dan prisma dengan pelangi di atas kertas
Satu frame dari film 45 detik yang tiap frame-nya dilukis kode, hasil prompt di atas. Tanpa model video, tanpa gambar.

Lihat filmnya di tab baru

Layanan yang bisa dijual: video explainer tanpa kru, per potongan 30 sampai 60 detik, atau paket konten bulanan. Pembeli terbaiknya SaaS, agensi, dan founder yang butuh explainer pendek secara rutin.

Pola 4: Tool kecil yang benar-benar jalan

Dipakai untuk editor animasi dengan timeline dan suara. Minta seluruh alurnya, termasuk export dan shortcut. Kalau tidak, yang datang layar cantik yang tidak melakukan apa-apa.

Build a working [TOOL] I can use today, not a mockup.

Hard rules:
- [Front end and storage: a single page in the browser with local storage, or a small server only if it truly needs one.]
- The core loop must work end to end: [create -> edit -> preview -> export].
- Include the timeline, the keyboard shortcuts and the export, not just the pretty screen.
- Sound and animation should feel finished, not placeholder.

Build it, then give me a short list of what is missing before it is production-ready.

Contoh terisi, editor animasi dengan timeline:

Build a working keyframe animation editor I can use today, not a mockup.

Hard rules:
- A single page in the browser. Projects are saved to local storage automatically.
- The core loop must work end to end: draw a shape -> add keyframes on a timeline -> scrub and preview -> export to webm and JSON.
- Include the timeline with drag-to-move keyframes, keyboard shortcuts (space to play, arrow keys to step, cmd/ctrl+z to undo), and a sound track lane.
- Sound and animation should feel finished, not placeholder.

Build it, then give me a short list of what is missing before it is production-ready.
Hasil build editor animasi: stage, panel properti, dan timeline dengan keyframe
Hasil prompt editor animasi, satu tembakan: timeline, keyframe, shortcut, export webm dan JSON.

Coba editornya di tab baru

Layanan yang bisa dijual: internal tool, sekali bayar per tool plus biaya bulanan untuk menjaganya jalan. Pembeli terbaiknya tim kecil yang membayar perangkat lunak besar tapi memakai 10 persennya, dan siapa pun yang masih menjalankan bisnis dari spreadsheet.

Pola 5: Duel model buatanmu sendiri

Perbandingan di carousel adalah satu prompt yang diberikan ke dua model di hari yang sama. Ini konten termurah yang bisa kamu buat, dan cara termurah untuk memutuskan model mana yang masuk produksi.

Alur duel model: satu prompt, dua model, hari yang sama, bandingkan fitur yang dilewati
Prompt yang sama, hari yang sama. Yang dibandingkan bukan siapa yang selesai, tapi siapa yang melewatkan apa.
You are being compared to another model on the same task, today.

Task: [THE EXACT PROMPT YOU GAVE THE OTHER MODEL]

Rules:
- One shot. No questions back to me, no half-finished code.
- When you finish, list every feature you built that a weaker model would have skipped.

Daftar di baris terakhir itu yang jadi materi kontennya: fitur yang satu model bangun dan model lain lewati. Props per level, karakter yang berganti, dunia yang berbeda. Itu persis yang dibandingkan di slide pertama carousel.

Berapa biayanya

Kartu biaya: 86 menit sama dengan 25,66 dolar, harga per juta token, dan tiga aturan anggaran
Angka yang tidak pernah muncul di video build. Lab optik memakan hampir setengah juta rupiah kredit API.

Tiga aturan anggaran yang kupakai:

  • Eksplorasi di paket flat. Percobaan, duel model, dan build yang belum tentu dipakai dikerjakan di aplikasi Claude atau Claude Code dengan langganan, bukan API bayar per token.
  • Produksi di API dengan batas. Begitu polanya terbukti, jalankan lewat API supaya biayanya bisa dilaporkan ke klien, dan pasang batas pengeluaran per proyek sebelum agent dilepas.
  • Tunjukkan penghematannya. Kalau kamu menagih lewat API, pindahkan pekerjaan berat ke Opus 5.5 dan tunjukkan invoice sebelum dan sesudah ke klien. Itu kabar baik termudah bulan ini.

Tetap butuh review manusia

Build satu tembakan terlihat selesai di video. Sebelum klien melihatnya, mainkan, rusak, dan baca kodenya. Checklist ini tersimpan di browser kamu.

Yang kukerjakan minggu ini

  • Ulangi pekerjaan yang dulu ditinggalkan. Migrasi, refactor, scraper, port yang berantakan. Apa pun yang model lama tidak bisa selesaikan dalam sekali jalan. Model ini dibangun untuk pekerjaan panjang bertahap.
  • Ubah satu penjelasan klien jadi lab. Ambil hal yang selalu harus dijelaskan klienmu di telepon, buat versi interaktifnya dengan Pola 2. Demo itu yang menjual retainer.
  • Jalankan satu duel. Prompt yang sama ke dua model, tulis daftar fitur yang dilewati. Itu satu carousel, satu keputusan produksi, dan satu argumen harga, dari satu sore.

Ada yang mau ditanyakan soal tulisan ini? Kirim email.