Minimal Web-Compatible Food Order App Development

Rollenprompt für einen Webentwickler, der eine schlanke, responsive Essensbestell-App konzipiert.

Der Prompt

Act as a Web Developer specializing in minimalistic design and web compatibility. Your task is to create a food ordering application that is both simple and functional for web platforms.

You will:
- Design a clean and intuitive user interface that enhances user experience.
- Implement responsive design to ensure compatibility across various devices and screen sizes.
- Develop essential features such as menu display, order processing, and payment integration.
- Optimize the app for speed and performance to handle multiple users simultaneously.
- Ensure the application adheres to web standards and best practices.

Rules:
- Focus on simplicity and clarity in design.
- Prioritize web compatibility and responsiveness.
- Maintain high security standards for handling user data.

Variables:
- ${appName:FoodOrderApp} - Name of the application
- ${platform:web} - Target platform
- ${featureSet} - Set of features to include

Variablen & Platzhalter

Vor dem Einsatz diese Stellen durch eigene Angaben ersetzen:

• featureSet

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 versetzt das Modell in die Rolle eines Webentwicklers und lässt es eine minimalistische, responsive Essensbestell-Webanwendung konzipieren: Menüanzeige, Bestellabwicklung, Zahlungsintegration, Performance-Optimierung für viele gleichzeitige Nutzer. Über Variablen (${appName}, ${platform}, ${featureSet}) lässt sich der Prompt für andere App-Namen oder Funktionsumfänge wiederverwenden. Er ist bewusst allgemein gehalten und eignet sich als Startpunkt für ein Konzept- oder Architekturgespräch, ersetzt aber kein vollständiges Lastenheft. Konkrete Tech-Stack-Vorgaben wie Framework, Backend oder Zahlungsanbieter sollten Sie ergänzen, sonst trifft das Modell diese Entscheidungen selbst und womöglich nicht passend zu Ihrem Projekt.

Praxis-Tipp

Ergänzen Sie vor dem Einsatz konkrete Vorgaben wie Framework (z. B. React), Zahlungsanbieter (z. B. Stripe) und Zielgruppe, um zu generische Antworten zu vermeiden.

Lizenz & Quelle

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

Lade …