Learning Timeline
Key Insights
Keupayaan Luar Biasa Artifacts
Artifacts bukan sekadar untuk laman web ringkas; ia mampu membina game kustom, animasi kompleks, dan juga boleh menjana kesan bunyi (sound effects) terus dalam preview tersebut.
Era Agentic AI
Claude 3.5 Sonnet menunjukkan fasa awal 'agentic future' di mana AI tidak lagi sekadar membantu memberikan idea, tetapi mampu melaksanakan tugas (doing the tasks) secara end-to-end sehingga menghasilkan produk yang berfungsi.
Prompts
Prompt Asas Penjanaan Portfolio
Target:
Claude 3.5 Sonnet
generate a portfolio website for a designer
Prompt Penambahbaikan Visual
Target:
Claude 3.5 Sonnet
make it more aesthetic
Step by Step
Cara Menggunakan Feature Artifacts di Claude 3.5 Sonnet
- Log masuk ke akaun Claude.ai anda melalui pelayar web.
- Pastikan anda memilih model 'Claude 3.5 Sonnet' daripada menu pilihan model di bahagian bawah atau atas ruang chat.
- Taipkan prompt pertama anda di ruangan chat untuk meminta Claude membina sesuatu, contohnya laman web portfolio.
- Tekan 'Enter' atau klik butang hantar untuk memulakan proses penjanaan.
- Perhatikan tetingkap 'Artifacts' yang akan muncul secara automatik di sebelah kanan skrin selepas Claude mula menjana kod.
- Tunggu sehingga kod selesai dijana untuk melihat 'Live Preview' yang interaktif di dalam tetingkap tersebut.
- Uji elemen interaktif seperti butang, navigasi, atau animasi secara terus di dalam preview tersebut untuk memastikan ia berfungsi.
- Masukkan prompt susulan (iteration) di ruangan chat untuk membuat perubahan spesifik, seperti meningkatkan kualiti estetik atau menambah fungsi baru.
- Lihat kemas kini kod dan preview secara real-time sebaik sahaja Claude memproses arahan tambahan anda.
