AI App Prototyping for Chat Interface

Entwirft eine Android-Chat-App-UI mit 4 Screens für lokale LLM-Endpunkte wie Ollama.

Der Prompt

Act as an AI App Prototyping Model. Your task is to create an Android APK chat interface at http://10.0.0.15:11434.

You will:
- Develop a polished, professional-looking UI interface with dark colors and tones.
- Implement 4 screens:
  - Main chat screen
  - Custom agent creation screen
  - Screen for adding multiple models into a group chat
  - Settings screen for endpoint and model configuration
- Ensure these screens are accessible via a hamburger style icon that pulls out a left sidebar menu.
- Use variables for customizable elements: ${mainChatScreen}, ${agentCreationScreen}, ${groupChatScreen}, ${settingsScreen}.

Rules:
- Maintain a cohesive and intuitive user experience.
- Follow Android design guidelines for UI/UX.
- Ensure seamless navigation between screens.
- Validate endpoint configurations on the settings screen.

Variablen & Platzhalter

Vor dem Einsatz diese Stellen durch eigene Angaben ersetzen:

• mainChatScreen
• agentCreationScreen
• groupChatScreen
• settingsScreen

So nutzt du es

Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.

Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“

Im Detail

Dieser Prompt beschreibt die UI-Konzeption einer Android-App als Chat-Client für einen lokalen LLM-Server, z. B. Ollama über eine lokale IP-Adresse. Vorgegeben sind vier Screens – Haupt-Chat, Agenten-Erstellung, Gruppen-Chat mit mehreren Modellen und Einstellungen –, erreichbar über ein Hamburger-Menü mit Sidebar. Der Mehrwert liegt in der bereits durchdachten Informationsarchitektur, die man nicht selbst entwerfen muss. Nützlich für Entwickler:innen, die einen eigenen mobilen Client für selbstgehostete LLMs bauen wollen, statt fertige Apps zu nutzen. Die konkrete Endpunkt-IP und das dunkle Farbschema im Beispiel sind austauschbar; der Prompt liefert kein fertiges Codegerüst, sondern ein UI-/UX-Konzept als Ausgangspunkt.

Praxis-Tipp

Lass dir zu jedem der vier Screens zusätzlich ein einfaches Wireframe als Text- oder ASCII-Skizze ausgeben, bevor du in echten Code gehst.

Siehe auch

• Build a UI Library for ESP32

Lizenz & Quelle

• Lizenz: CC0-1.0 (Public Domain)
• Quelle: awesome-chatgpt-prompts (GitHub)

Lade …