Learning Timeline
Key Insights
Perbezaan Keupayaan Interaktiviti Model
GPT5 cenderung menghasilkan kod yang lebih interaktif dan boleh dikustomasi (seperti fungsi drag-and-drop dan dark mode) berbanding Claude yang lebih fokus kepada estetika visual statik.
Kelemahan Claude dalam Aplikasi Kompleks
Berhati-hati apabila menggunakan Claude untuk aplikasi web yang memerlukan logik tinggi seperti Photoshop clone; kadangkala ia menjana UI yang cantik tetapi butang dan alatannya (tools) tidak berfungsi (non-functional).
GLM 4.5 sebagai Alternatif Open-Source
Model GLM 4.5 menunjukkan prestasi yang sangat baik dalam menguruskan fungsi 'layering' dan 'text rendering', menjadikannya alternatif yang kuat berbanding model berbayar yang lain.
Prompts
Prompt Penjanaan Dashboard CRM
Target:
Claude / GPT5 / GLM 4.5
Create a beautiful CRM dashboard that offers real-time insights into sales, customer engagement, and marketing campaigns. Include interactive charts and graphs such as funnel visualizations, pie charts, etc.
Prompt Klon Perisian Grafik
Target:
Claude / GPT5 / GLM 4.5
Create a clone of Photoshop with all the basic tools.
Step by Step
Cara Menjana Dashboard CRM Interaktif dengan AI
- Akses platform AI yang menyatukan pelbagai model (seperti Claude dan GPT) dalam satu langganan.
- Pilih model AI yang diingini (contoh: Claude Opus 4.1 atau GPT5) daripada senarai model.
- Taip prompt yang spesifik untuk dashboard CRM ke dalam ruangan input sembang.
- Pastikan anda mengaktifkan butang 'code' (atau toggle Preview) untuk melihat hasil penjanaan kod secara visual di tetingkap sisi.
- Klik butang 'Generate' untuk memulakan proses penulisan kod.
- Semak elemen visual yang dijana seperti 'sales funnel', 'pie charts', dan 'heat map'.
- Uji elemen interaktif seperti kebolehan menukar julat masa ('time range'), butang 'live', dan toggle 'dark mode' jika menggunakan GPT5.
- Cuba susun semula komponen dashboard dengan fungsi 'drag and reorder' untuk menguji tahap kustomasi kod yang dijana.
Membina Aplikasi Web Kompleks (Klon Photoshop)
- Masukkan prompt untuk membina aplikasi grafik seperti Photoshop ke dalam ruangan input AI.
- Klik 'Generate' dan tunggu sehingga kod selesai dijana sepenuhnya.
- Klik butang 'Expand' pada tetingkap preview untuk memaparkan aplikasi dalam skrin penuh.
- Uji kefungsian alatan asas dengan klik pada 'Brush tool', 'Eraser', atau 'Pencil'.
- Cuba pilih warna yang berbeza dan lukis pada kanvas untuk memastikan skrip berfungsi.
- Uji sistem pengurusan 'layer' dengan klik 'Add new layer' dan cuba sorokkan (toggle visibility) layer tersebut.
- Gunakan alatan bentuk seperti 'Rectangle', 'Ellipse', dan 'Line' untuk melihat ketepatan geometri kod.
- Cuba fungsi 'Text' untuk menambah tulisan pada kanvas aplikasi.
