Learning Timeline
Key Insights
Kelebihan Arahan 'Standalone HTML'
Gunakan frasa 'Put everything in a standalone HTML file' dalam prompt anda. Ini memastikan semua CSS dan JavaScript berada dalam satu fail yang sama, mengelakkan isu 'missing packages' atau 'dependencies' yang rosak apabila anda ingin menjalankan kod tersebut secara lokal.
Ciri Thinking Model & Agent
Model MiniMax M2 bertindak sebagai ejen; ia bukan sekadar menulis kod, tetapi akan menyemak ralat sendiri. Jika anda melihat bahagian 'thinking', anda boleh melihat AI membetulkan pepijat (bugs) secara automatik sebelum memberikan hasil akhir kepada anda.
Sistem Layer Berfungsi Sepenuhnya
Walaupun dijana dengan satu prompt, aplikasi hasil AI ini mampu menyokong sistem layer yang kompleks di mana tindakan seperti 'Eraser' atau 'Filters' hanya akan memberi kesan kepada layer yang sedang aktif sahaja, bukan keseluruhan kanvas.
Prompts
Prompt Penjanaan Aplikasi Photoshop Clone
Target:
MiniMax M2
Create a Photoshop clone with all the basic tools. Put everything in a standalone HTML file.
Step by Step
Proses Menjana Aplikasi Web dengan MiniMax M2
- Buka antaramuka (interface) MiniMax M2.
- Masukkan prompt yang spesifik untuk membina 'Photoshop clone' dengan arahan tambahan supaya kod diletakkan dalam satu fail HTML sahaja.
- Klik butang 'Run' untuk memulakan proses penjanaan kod.
- Pantau ruangan 'Thinking Process' untuk melihat bagaimana AI mengesan ralat secara autonomi dan membaiki kod (self-healing) semasa proses berjalan.
- Tunggu sehingga AI selesai menjana kod sepenuhnya dan memaparkan pautan (link) untuk menguji aplikasi.
- Klik pada pautan yang diberikan untuk membuka aplikasi Photoshop web yang telah siap dijana.
- Uji fungsi asas aplikasi: Gunakan berus (brush) dengan pelbagai warna dan tetapan saiz.
- Gunakan panel 'Layers' untuk menambah lapisan baharu dan uji butang 'Visibility' (ikon mata) untuk menyorok atau memaparkan lapisan.
- Uji fungsi 'Eraser' untuk memastikan ia hanya memadam pada lapisan (layer) yang dipilih.
- Gunakan menu 'Filters' dan klik pada kesan Blur, Sharpen, Brightness, Contrast, Saturation, Grayscale, Invert, atau Sepia untuk melihat perubahan pada imej secara real-time.
