Learning Timeline
Key Insights
Kitaran Pembangunan Pantas
Gunakan teknik 'Describe, Build, Test, Refine' dalam satu sesi perbualan yang sama. Ini membolehkan anda melihat perubahan UI secara real-time tanpa perlu berpindah ke aplikasi lain.
Persistent Storage dalam Artifacts
Data yang anda masukkan ke dalam tool yang dibina (seperti tugasan dalam planner) akan tersimpan di antara sesi (persistent storage), jadi anda boleh terus menyambung kerja pada bila-bila masa.
Kepelbagaian Kegunaan UI
Selain planner, Claude Artifacts sangat berkuasa untuk membina project trackers, client intake forms, dan data visualizations yang biasanya memakan masa berjam-jam dalam spreadsheet.
Prompts
Membina Weekly Planner Interaktif
Target:
Claude
build me a weekly planner that lets me assign tasks to 5 days, drag them between columns, and highlight overdue items in red
Step by Step
Langkah Membina UI Interaktif Menggunakan Claude Artifacts
- Log masuk ke akaun Claude.ai anda melalui browser.
- Pastikan feature 'Artifacts' telah diaktifkan pada akaun anda untuk membolehkan paparan panel interaktif.
- Taipkan prompt yang spesifik dalam kotak chat untuk menerangkan tool yang ingin dibina (contoh: 'Build me a weekly planner').
- Tunggu sehingga Claude menjana output interaktif di dalam panel 'Artifact' yang terletak di sebelah kanan chat.
- Uji tool yang telah siap secara langsung di dalam panel tersebut (seperti mencuba fungsi drag-and-drop atau memasukkan data).
- Gunakan kaedah 'Describe, Build, Test, Refine' dengan memberikan arahan tambahan di chat jika terdapat perubahan atau penambahbaikan yang diperlukan.
- Perhatikan Claude mengemaskini Artifact tersebut secara live berdasarkan maklum balas terbaru anda.
