Learning Timeline
Key Insights
Kelebihan Menggunakan Screenshot
Jika anda sudah mempunyai aplikasi atau website sedia ada, ambil screenshot dan muat naik ke Claude. AI akan menganalisis font, palet warna, dan gaya visual secara automatik untuk replikasi yang tepat.
Tahap Interaksi Prototaip
Tahap 'depth' menentukan sejauh mana aplikasi anda boleh diklik. Skala 4 memberikan fungsi yang hampir lengkap, namun untuk menukarnya menjadi aplikasi sebenar yang berfungsi sepenuhnya, anda memerlukan bantuan 'Cloud Code'.
Automated Testing
Claude Design melakukan pengujian aplikasi secara automatik di latar belakang. Anda tidak perlu memantau prosesnya secara berterusan; biarkan sistem bekerja sehingga selesai.
Prompts
Permulaan Penjanaan Aplikasi Marketplace
Target:
Claude Design
Create a mobile app marketplace for buying and selling products.
Step by Step
Aliran Kerja Membina Prototaip Mobile App
- Masukkan nama aplikasi dalam ruangan nama untuk membina persekitaran designer.
- Pilih kaedah penyediaan konteks reka bentuk; pilih 'Design System' (disyorkan), muat naik 'Screenshot' aplikasi sedia ada, masukkan 'Codebase', atau import fail 'Figma'.
- Taipkan prompt utama yang menjelaskan fungsi dan tujuan aplikasi di ruangan prompt bawah.
- Pilih gaya visual (visual vibe) yang diingini berdasarkan pilihan yang diberikan oleh AI.
- Pilih jenis bingkai peranti (device frame), contohnya 'iPhone frame'.
- Tentukan senarai skrin spesifik yang perlu dihasilkan oleh AI (contoh: Home, Product Details, Cart).
- Tetapkan tahap kedalaman (depth) prototaip pada skala 1 hingga 4 (Pilih skala '4' untuk mendapatkan aplikasi yang hampir siap dan interaktif).
- Tunggu AI memproses pembangunan dan menjalankan pengujian (testing) aplikasi secara automatik di panel sebelah kiri (anggaran masa sehingga 10 minit).
- Uji prototaip yang terhasil secara interaktif untuk memastikan butang dan fungsi seperti 'Add to Cart' berjalan lancar.
