Mode System Design

Mode System Design adalah format respons khusus Whisperer yang dioptimalkan untuk pertanyaan arsitektur: ia menyajikan jawaban terstruktur dengan diagram teks, skema komponen, dan deskripsi keputusan arsitektur. Sangat berguna saat wawancara teknis dan selama diskusi system design.

Tersedia pada paket Start, Pro, dan Max.

Kapan Digunakan

  • Saat wawancara System Design: "Rancang Twitter", "Bagaimana Anda akan membangun URL shortener".
  • Saat membahas arsitektur dengan tim: Anda membutuhkan jawaban terstruktur, bukan sekadar teks biasa.
  • Saat Anda membutuhkan bukan petunjuk singkat, melainkan solusi terperinci beserta alasannya.

Cara Mengaktifkan

Cara 1 — tombol di overlay:

  1. Klik tombol "System Design" pada CommandBar Whisperer.
  2. Masukkan pertanyaan Anda atau biarkan kosong — Whisperer akan mengambil konteks dari transkrip.
  3. Tekan Enter atau "Kirim".

Cara 2 — pintasan keyboard:

  • Konfigurasikan pintasan untuk System Design di /app/hotkeys (macOS) atau di pengaturan klien (Windows).

📸 [Tangkapan layar: tombol "System Design" pada CommandBar dan contoh respons terstruktur di AnswerArea]

Seperti Apa Responsnya

Respons Mode System Design mencakup:

  • Klarifikasi kebutuhan (kebutuhan fungsional / non-fungsional).
  • Estimasi skala (QPS, volume data, pengguna).
  • Diagram arsitektur dalam bentuk diagram teks.
  • Deskripsi komponen dan interaksinya.
  • Trade-off.

Diagram

macOS: diagram dirender sebagai skema SVG interaktif langsung di AnswerArea.

Windows: diagram ditampilkan sebagai kode terformat — Anda dapat menyalin dan menempelkannya ke alat apa pun yang kompatibel (misalnya, mermaid.live).

📸 [Tangkapan layar: contoh diagram dalam mode System Design — skema arsitektur microservices]

Kesalahan Umum

Kesalahan Penyebab Solusi
"System Design Mode unavailable" Paket Free tidak menyertakan fitur ini Tingkatkan ke Start atau lebih tinggi
Respons tanpa diagram Model yang dipilih tidak mendukung format System Design Beralih ke Claude Opus atau GPT-4o di pengaturan
Diagram di Windows tampil sebagai kode Ini adalah perilaku yang diharapkan (tidak ada renderer SVG) Salin kode dan buka di mermaid.live
Respons terlalu umum Model tidak menerima cukup konteks Perjelas pertanyaan Anda: tambahkan kebutuhan ke kolom teks

Praktik Terbaik

  • Sampaikan kebutuhan secara lisan sebelum permintaan — Whisperer akan menangkapnya dari transkrip dan jawabannya akan lebih spesifik.
  • Gunakan model frontier (Max) untuk skenario kompleks: model tersebut lebih baik dalam menangani struktur dan trade-off.
  • Ajukan pertanyaan lanjutan: setelah respons pertama, ketik "Ceritakan lebih banyak tentang penyimpanan" atau "Pertimbangkan pendekatan berbasis antrean" — model akan melanjutkan dalam format yang sama.
  • Saat wawancara jangan membacakan jawaban kata demi kata: gunakan sebagai kerangka dan jelaskan dengan kata-kata Anda sendiri.

Artikel Terkait