Learning Timeline
Key Insights
Had 'One-Shot' Prompting
Walaupun model terbaru sangat berkuasa, jarang sekali aplikasi yang kompleks akan berfungsi 100% sempurna dengan hanya satu prompt (one-shot). Jangkakan ralat kecil pada pautan (links) atau logik pemilihan yang memerlukan arahan susulan.
Tips Visual: Light vs Dark Mode
Sentiasa semak kedua-dua mod visual. Kadangkala elemen yang kelihatan cantik dalam 'Light Mode' mungkin memerlukan pelarasan kontras tambahan agar kelihatan profesional dalam 'Dark Mode'.
Prompts
Penjanaan Laman Web Perbandingan AI Tools
Target:
ChatGPT Canvas
Create a website that compares top AI tools like we have on Futuripedia. Specific details: use rounded cards for each tool, include a dark/light mode toggle, and implement filtering options. Ensure the layout is clean and follows modern UI/UX standards.
Step by Step
Membina Aplikasi Web Menggunakan GPT Canvas
- Buka ChatGPT dan pastikan anda menggunakan model terbaru yang menyokong 'Canvas mode' (seperti GPT-4o atau model 5.x yang tersedia).
- Masukkan prompt yang sangat terperinci dalam kotak sembang, nyatakan fungsi utama aplikasi (contohnya: laman web perbandingan AI tools seperti Futuripedia).
- Nyatakan spesifikasi UI yang khusus dalam prompt tersebut, termasuk penggunaan 'rounded cards' dan 'dark/light mode toggle'.
- Tekan 'Enter' dan biarkan ChatGPT menjana kod dan memaparkannya secara automatik dalam tetingkap Canvas di sebelah kanan skrin.
- Setelah kod dijana, lihat hasil paparan (preview) aplikasi secara langsung di dalam Canvas.
- Uji fungsi 'Light Mode' dan 'Dark Mode' dengan menekan butang toggle yang telah dibina.
- Lakukan ujian interaktiviti dengan mencuba fungsi 'filtering' pada senarai tools yang dipaparkan.
- Sahkan setiap pautan (links) dan elemen pilihan (selection) seperti perbandingan 'Claude vs ChatGPT' untuk memastikan ia berfungsi.
- Kenalpasti ralat atau 'bugs' (seperti pautan tidak berfungsi) untuk diberikan maklum balas bagi proses penambahbaikan (iteration).
