Learning Timeline
Key Insights
Incremental Prompting Strategy
Avoid asking the AI to build all app pages at once. Build them one at a time (e.g., finish the Phone page before moving to Settings) to prevent the AI model from making mistakes or cutting off mid-generation.
Camera Functionality Tip
When building a Camera app through web code/AI, the system will typically request access to your 'webcam' to simulate real camera functions.
Icon Visual Limitations
AI might generate inconsistent or unpolished icons on the first try. Use specific prompts like 'use actual logos' to achieve a more professional look.
Prompts
Basic UI Structure Prompt
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.
Icon & Page Enhancement Prompt
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
Building an Android Mockup with Kimi K2.5
- Open the Kimi K2.5 interface or your preferred AI coding platform.
- Enter your first prompt covering basic elements: lock screen, digital clock, 'swipe up' gesture, home screen, and navigation bar.
- Click the 'Run' button to visually preview the generated code.
- Identify any non-functional or purely visual elements (e.g., transparent icons or unclickable buttons).
- Use a follow-up prompt to add actual logos and build internal sub-pages for each app.
- Ask the AI to build app pages (Phone, Messages, Settings) one by one to prevent the model from getting overwhelmed and causing errors.
- Add interactive elements like a pull-down notification panel featuring Wi-Fi and Bluetooth toggles.
- Perform a final test by clicking through each app to ensure 'Back' and 'Home' navigation works correctly.
