Panduan Lengkap Cara Pakai Claude AI di Web (claude.ai): Dari Pemula Sampai Mahir

Claude AI versi web yang dapat diakses melalui claude.ai adalah antarmuka utama paling fleksibel bagi jutaan pengguna di seluruh dunia. Baik Anda menggunakan akun gratis maupun paket Claude Pro & Max, versi web menawarkan fitur-fitur visual canggih seperti Projects, Artifacts, dan upload berkas masif. Artikel ini membahas panduan lengkap cara pakai Claude AI di browser dari tahap awal hingga trik tingkat lanjut.

1. Langkah Awal: Cara Login & Navigasi Antarmuka Web (claude.ai)

Untuk mulai menggunakan Claude AI di peramban (browser), Anda hanya perlu membuka situs resmi di claude.ai dari komputer maupun perangkat seluler Anda.

Cara Login & Pemilihan Model

• Login Mudah: Masuk menggunakan akun Google (*Continue with Google*) atau alamat email Anda.
• Navigasi Menu Utama: Di sebelah kiri layar terdapat *Sidebar* yang berisi daftar obrolan terbaru (*Recents*), ruang kerja (*Projects*), serta pengaturan akun.
• Memilih Model AI: Pada bagian atas kotak chat, Anda dapat memilih model AI yang sesuai dengan kebutuhan tugas Anda—seperti Claude Sonnet 5 (default & agentic), Claude Opus 5 (penalaran mendalam), atau Claude Haiku 4.5 (serba cepat).

Tampilan Antarmuka Web Claude.ai (Termasuk Sidebar Projects & Render Artifacts)

2. Mengunggah & Menganalisis Berkas (PDF, Excel, Gambar, Kode)

Salah satu keunggulan terbesar antarmuka web Claude adalah kemampuan memproses file multimedia dan dokumen berkapasitas besar berkat *context window* hingga 200.000 token.

Cara Melampirkan File:

1. Drag & Drop: Cukup tarik file dari folder komputer Anda dan jatuhkan (*drag-and-drop*) langsung ke dalam kotak obrolan.
2. Tombol Lampiran Paperclip: Klik ikon klip kertas di sudut kanan bawah kotak pesan untuk memilih dokumen PDF, spreadsheet Excel/CSV, gambar naskah, atau berkas kode.
3. Analisis Dokumen Tebal: Anda bisa meminta Claude merangkum buku 100+ halaman, mengekstrak tabel data finansial, hingga membandingkan isi dua naskah hukum secara simultan.

3. Memaksimalkan Fitur Artifacts untuk Koding & Dokumen Interaktif

Saat Anda meminta Claude membuat kode program (HTML/CSS/React), diagram SVG, atau dokumen teks panjang, Claude akan otomatis mengaktifkan fitur Artifacts.

Jendela Artifacts akan muncul di sisi kanan layar (*split screen*), memungkinkan Anda:

• Melihat Preview Live: Aplikasi React, landing page HTML, atau diagram SVG dapat langsung di-render dan diuji secara interaktif di browser tanpa perlu dijalankan di server eksternal.
• Mengedit & Mengunduh Kode: Anda dapat menyalin kode satu klik (*copy-to-clipboard*) atau mengunduhnya langsung dalam bentuk file.
• Iterasi Tampilan: Minta revisi warna atau tata letak, dan Artifact akan ter-update secara real-time di samping percakapan Anda.

4. Organisasi Kerja dengan Claude Projects & Custom Styles

Bagi pengguna paket Claude Pro & Max, fitur Projects adalah fasilitas wajib untuk mengorganisasi pekerjaan tim maupun pribadi.

Cara Kerja Projects:

• Project Knowledge: Unggah file acuan (seperti panduan brand, *coding style*, atau buku acuan) ke dalam Project. Setiap obrolan baru di dalam Project tersebut akan otomatis membaca dan mematuhi file acuan tersebut.
• Custom Instructions & Styles: Atur nada bicara (*tone of voice*), format penulisan, atau aturan koding secara permanen agar Claude tidak perlu diajari dari awal di setiap obrolan baru.

5. Tips & Shortcut Keyboard Penting di Browser

Agar alur kerja Anda makin cepat di versi web, manfaatkan beberapa tips dan kombinasi tombol berikut:

• Shift + Enter: Membuat baris baru di kotak pesan tanpa langsung mengirimkan pesan.
• Cmd/Ctrl + Enter: Mengirim pesan dengan cepat dari keyboard.
• Esc: Menutup jendela modal atau menghentikan respon Claude yang sedang mengetik.
• Format Markdown: Gunakan cetak tebal (**teks**), miring (*teks*), atau blok kode (```language) untuk mendapatkan respon yang terstruktur rapi dari Claude.