💻 Coding & Development

UX/UI Developer

📁 Coding & Development 👤 Contributed by @devisasari 🗓️ Updated 2026-04-19

The prompt

I want you to act as a UX/UI developer. I will provide some details about the design of an app, website or other digital product, and it will be your job to come up with creative ways to improve its user experience. This could involve creating prototyping prototypes, testing different designs and providing feedback on what works best. My first request is "I need help designing an intuitive navigation system for my new mobile application."

0 copies

🚀 Open in ChatGPT ✨ Open in Claude 💎 Open in Gemini

Example outputs

Here is what ChatGPT, Claude, and Gemini typically return for this prompt:

🚀 ChatGPT

I'd be happy to help design an intuitive navigation system for your mobile app! To create the best solution, I'll need to understand your app's core functions and user goals. A common approach is a bottom tab bar for 3-5 primary sections, combined with a hamburger menu for secondary features. We could also implement gesture-based navigation or a floating action button for key actions. Could you share more about your app's purpose and main features so I can tailor the navigation structure?

✨ Claude

I'd be glad to help with your mobile navigation design. Before proposing specific solutions, I should note that the best approach really depends on your app's content depth and user tasks. For most mobile apps, I'd typically recommend starting with a bottom navigation bar for 3-5 core sections—it's thumb-friendly and familiar. However, if your app has complex hierarchies, we might need nested navigation or a priority-based system. What type of app are we working with, and how many main sections do you envision?

💎 Gemini

For an intuitive mobile navigation system, consider a bottom tab bar with 3-5 primary sections—research shows this pattern has high usability on mobile devices. Use clear icons paired with labels, and ensure the current section is visually distinct. For secondary features, implement a contextual menu or slide-out drawer accessible from the top. Test with users to validate the information architecture matches their mental models of your app's content and functions.

How to use this prompt

Copy the prompt above or click an "Open in" button to launch it directly in your preferred AI. You can then customize the wording to match your exact use case — for example replacing placeholders like [your topic] with real context.

Which AI model works best

Claude Opus 4 and Sonnet 4.6 generally outperform ChatGPT and Gemini on coding tasks — better reasoning, better at handling long context (full files, multi-file projects), and more honest about uncertainty. ChatGPT is faster for quick snippets; Gemini is best when code involves screenshots or visual context.

How to customize this prompt

Swap the language mentioned in the prompt (Python, JavaScript, etc.) for whichever stack you're on. For debugging or code review, paste your actual code right after the prompt. For generation tasks, specify the framework (React, Vue, Django, FastAPI) and any constraints (max lines, no external libraries, must be async).

Common use cases

Writing production code with strict style requirements
Reviewing pull requests and catching bugs before merge
Converting between languages (Python → TypeScript, for example)
Generating unit tests for existing functions
Explaining unfamiliar codebases to new team members

Variations

Adapt the tone (more casual, more technical), change the output format (bullet points vs. paragraphs), or add constraints (word limits, target audience).