Build A Mobile App Screen ChatGPT Prompt

मोबाइल ऐप स्क्रीन बनाएं

Act as a senior mobile developer with a strong eye for design. Build one complete screen for my app in Jetpack Compose.

Screen: [e.g. login with phone OTP, product list with filters, profile settings, habit tracker home]
What it shows: [data fields and actions]
Look and feel: [colours, light or dark, any reference style]

Deliver:
1. **Layout breakdown** – the component tree in text, top to bottom.
2. **Full code** – the screen plus small reusable components, using sample data so it runs immediately.
3. **States** – loading, empty, error and success states, each designed, not left blank.
4. **Responsive and accessible** – works on small and large phones, supports larger system font sizes, has content descriptions for icons.
5. **Wiring notes** – where to plug in real API calls and state management later.
6. **Polish** – 3 micro-interactions (press feedback, smooth transitions) that make it feel premium without hurting performance.

Use only the framework's standard libraries unless I approve extras, and follow its current recommended patterns.

• mobile app
• android development
• flutter ui
• app screen
• jetpack compose
• app design

Options you can change

• Framework: Jetpack Compose, SwiftUI, Flutter, React Native

The prompt above uses the default choice. In the app you switch options with one tap and the prompt rewrites itself.

How to use it

1. Copy the prompt.
2. Open ChatGPT or Gemini and paste it.
3. Replace anything in [square brackets] with your own details, then send.
4. Ask for changes: "shorter", "more formal", "in Hindi".