Kodkan mockup Android UI interaktif dengan Kimi K2.5 | Alpha | PandaiTech

Kodkan mockup Android UI interaktif dengan Kimi K2.5

Cara bina paparan antaramuka telefon Android yang berfungsi lengkap dengan aplikasi dan gesture menggunakan prompt coding.

Learning Timeline
Key Insights

Strategi Prompt Berperingkat

Jangan minta AI membina semua halaman aplikasi sekaligus. Bina satu per satu halaman (contoh: siapkan Phone page dahulu sebelum beralih ke Settings) untuk mengelakkan model AI melakukan kesilapan atau terhenti di tengah jalan.

Tip Fungsi Kamera

Apabila membina aplikasi Camera melalui kod web/AI, sistem biasanya akan meminta akses ke 'webcam' anda untuk simulasi fungsi kamera yang sebenar.

Kekurangan Visual Ikon

AI mungkin menjana ikon yang tidak konsisten atau kurang cantik pada cubaan pertama. Gunakan prompt spesifik seperti 'use actual logos' untuk mendapatkan rupa yang lebih profesional.
Prompts

Prompt Struktur Asas UI

Target: Kimi K2.5
highresolution lock screen featuring a digital clock and swipe up to unlock gesture. Once unlocked, the screen should reveal a home screen with these app icons, including Chrome, Play Store, Photos, and Camera. The bottom of the screen should show a persistent navigation bar with a classic back, home, and recent buttons. Implement a functional notification shape that can be pulled down from the top to reveal buttons for Wi-Fi, Bluetooth, and flashlight.

Prompt Penambahbaikan Ikon & Halaman

Target: Kimi K2.5
use actual Chrome and Play Store logos. Make an interface for the phone, messages, camera, and settings page.
Step by Step

Proses Membina Mockup Android dengan Kimi K2.5

  1. Buka interface Kimi K2.5 atau platform AI coding pilihan anda.
  2. Masukkan prompt pertama yang merangkumi elemen asas: lock screen, jam digital, gesture 'swipe up', home screen, dan navigation bar.
  3. Klik butang 'Run' untuk melihat hasil kod yang dijana secara visual.
  4. Kenal pasti elemen yang tidak berfungsi atau hanya sekadar visual (contoh: ikon lutsinar atau butang yang tidak boleh ditekan).
  5. Gunakan prompt susulan (follow-up prompt) untuk menambah logo sebenar dan membina halaman dalaman (sub-pages) bagi setiap aplikasi.
  6. Minta AI untuk membina satu per satu halaman aplikasi (Phone, Messages, Settings) secara berasingan bagi mengelakkan ralat 'overwhelmed'.
  7. Tambahkan elemen interaktif seperti notification panel yang boleh ditarik turun (pull-down) dengan butang Wi-Fi dan Bluetooth.
  8. Lakukan pengujian akhir dengan menekan setiap aplikasi untuk memastikan navigasi 'Back' dan 'Home' berfungsi dengan betul.

More from Coding & Pembangunan Aplikasi AI

View All