Learning Timeline
Key Insights
Kekangan Aset Visual
Kimi tidak mempunyai akses kepada fail imej asal (seperti .jpg atau .png) daripada website tersebut. Oleh itu, AI akan menggunakan kod untuk melukis bentuk asas (shapes) bagi menggantikan aset visual yang kompleks seperti kapal terbang atau logo.
Kelebihan Multimodal Kimi
Berbanding AI berasaskan teks, Kimi K2.5 sangat efisien dalam meniru 'flow' pergerakan dan animasi kerana ia boleh 'melihat' bagaimana elemen website tersebut bergerak semasa anda melakukan scrolling dalam video.
Prompts
Prompt Rekonstruksi Design Website
Target:
Kimi K2.5
I have uploaded a video of a website's UI. Please analyze the layout, typography, color scheme, and animations. Reconstruct this website by writing the complete HTML and CSS code. If there are specific animations or transitions, ensure they are included in the code. For images or complex logos, please use CSS basic shapes or placeholders.
Step by Step
Cara Menukar Rakaman Video Website kepada Kod HTML/CSS
- Sediakan rakaman skrin (screen recording) website yang ingin ditiru. Pastikan anda scroll dan navigasi setiap bahagian untuk rujukan visual yang jelas.
- Buka pelayar web dan akses platform Kimi K2.5.
- Klik pada ikon 'Upload' atau 'Attachment' (biasanya berbentuk klip kertas) di ruangan chat.
- Pilih fail video rakaman skrin tadi daripada storan komputer anda dan klik 'Open'.
- Taip prompt khusus di ruangan chat yang meminta Kimi untuk menulis semula kod (HTML/CSS/JS) berdasarkan video tersebut.
- Tekan 'Enter' dan tunggu Kimi memproses video melalui keupayaan multimodal untuk menjana kod.
- Setelah kod selesai dijana, klik butang 'Copy' pada blok kod tersebut.
- Buka editor kod pilihan anda (seperti VS Code atau CodePen) dan 'Paste' kod tersebut untuk melihat hasil prototype.
