Learning Timeline
Key Insights
Kelebihan Native AI Integration
Aplikasi yang dibina dengan Claude Artifacts sudah mempunyai fungsi AI di dalamnya tanpa memerlukan anda menyambungkan API key pihak ketiga atau mencari hosting sendiri.
Akses Pelan Percuma
Ciri membina, membaiki, dan 'Publish' aplikasi web ini boleh dilakukan walaupun anda menggunakan pelan Claude yang percuma (Free Plan).
Tips Debugging Pantas
Jika AI gagal menjana aplikasi yang sempurna pada cubaan pertama, berikan feedback yang sangat spesifik tentang apa yang salah atau paste terus error log ke dalam chat. AI biasanya akan membetulkan logic tersebut dalam cubaan kedua.
Prompts
Customizing the AI Tutor Template
Target:
Claude AI
rebuilt this tutor to help me learn the basics of generative AI with a specific focus on learning how to manage prompt context within a close manufacturing company.
Step by Step
Cara Menggunakan Claude Artifacts Gallery
- Buka pelayar web dan log masuk ke akaun Claude.ai anda.
- Cari dan akses bahagian 'Claude Artifacts Gallery' untuk melihat koleksi template aplikasi sedia ada.
- Skrol melalui galeri untuk melihat pelbagai jenis aplikasi seperti 'Office Simulator', 'Tutor', atau alat produktiviti lain.
- Pilih satu template yang anda ingin gunakan sebagai asas dengan klik pada kad aplikasi tersebut.
- Aplikasi tersebut akan dibuka dalam panel Artifact di sebelah kanan skrin untuk anda lihat fungsinya secara 'live'.
Customise Template Menggunakan Prompt
- Pergi ke ruangan chat Claude di sebelah kiri panel Artifact.
- Taip prompt yang spesifik untuk mengarahkan Claude mengubah suai template tersebut mengikut keperluan anda (rujuk Prompt Card).
- Tekan 'Enter' dan tunggu Claude menjana semula kod aplikasi berdasarkan arahan baru anda.
- Setelah Artifact baru muncul, cuba berinteraksi dengan elemen aplikasi (seperti butang atau input) untuk memastikan fungsinya mengikut kehendak anda.
Publish dan Kongsi Web App
- Klik butang 'Publish' yang terletak di bahagian atas penjuru kanan panel Artifact.
- Satu pop-up akan muncul, klik butang 'Publish & Copy Link' untuk menghoskan aplikasi tersebut secara automatik di web.
- Buka tab baru dalam pelayar (dicadangkan guna Incognito mode) dan 'Paste' link tersebut untuk melihat rupa aplikasi anda sebagai pengguna luar.
- Hantar link tersebut kepada sesiapa sahaja untuk dikongsi; mereka boleh menggunakan aplikasi tersebut terus dari pelayar web.
Cara Membaiki Error Secara Automatik
- Jika aplikasi anda tidak berfungsi atau memaparkan mesej ralat, jangan panik.
- Highlight dan 'Copy' (Salin) keseluruhan mesej ralat atau 'error message' yang muncul pada skrin.
- Paste mesej ralat tersebut ke dalam ruangan chat Claude dan arahkan Claude untuk membaikinya.
- Tunggu Claude memberikan versi kod yang telah dikemas kini.
- Uji semula aplikasi tersebut, dan jika sudah berfungsi, klik 'Publish' sekali lagi untuk mengemas kini link sedia ada.
