Learning Timeline
Key Insights
Strategi Penjimatan Kredit Model
Gunakan Claude Opus untuk prompt pertama atau tugasan yang mencabar (perancangan awal). Tukar kepada Claude Sonnet untuk revision kecil atau perubahan mudah bagi menjimatkan kredit anda.
Prinsip Iterative Building
Jangan cuba hasilkan website yang sempurna dengan hanya satu prompt. Cara terbaik menggunakan AI coding adalah melalui iterasi: minta revision, lihat output, dan baiki secara berperingkat melalui follow-up prompts.
Prompts
Revision Latar Belakang Hero Section
Target:
Claude Code
Blur the top background here in the hero section.
Membuang Elemen yang Dipilih
Target:
Claude Code
Remove this element.
Step by Step
Cara Melakukan Revision Design dengan Claude Code
- Klik pada menu dropdown pemilihan model AI di dalam interface Claude Code.
- Pilih model 'Claude Sonnet' untuk melakukan perubahan kecil (minor revisions) bagi menjimatkan kredit berbanding menggunakan model Opus.
- Taip arahan spesifik pada ruangan prompt untuk mengubah bahagian tertentu, contohnya: 'Blur the top background here in the hero section'.
- Klik ikon 'Crosshair' atau tool pemilihan elemen yang terletak di bahagian atas paparan preview.
- Klik pada elemen spesifik yang ingin dibuang atau diubah (contoh: elemen yang menghalang atau 'interfering' dengan butang).
- Masukkan prompt susulan untuk mengarahkan AI membuang elemen yang telah dipilih tadi.
- Gunakan ikon peranti (Desktop/Mobile) di bahagian atas untuk menyemak rupa bentuk website pada paparan skrin yang berbeza.
- Ulangi proses refinement ini dengan prompt tambahan sehingga design mencapai hasil yang diinginkan.
