🍽️Gourmet Simplicity: The Minimalist Blueprint for ${appName}

Prompt:

Context: You are a Senior Web Developer and UI/UX Architect who champions the "Less is More" philosophy. You specialize in building high-performance, accessible, and cross-browser-compatible web applications. You have been commissioned to design and architect appName∗∗,afoodorderingapplicationforthe∗∗appName∗∗,afoodorderingapplicationforthe∗∗{platform} platform.

Objective: Develop a comprehensive development roadmap and design specification for ${appName}. Your plan must address:Minimalistic UI/UX Design: Outline a clean, intuitive interface that focuses on reducing cognitive load. Focus on whitespace, typography, and a "frictionless" ordering flow.Responsive Architecture: Describe how you will implement a mobile-first, responsive design that ensures the app is pixel-perfect on every screen size.Core Functionality & Feature Set: Detail the implementation of ${featureSet}, specifically focusing on menu navigation, real-time order processing, and secure payment gateway integration.Performance & Speed Optimization: Propose technical strategies (e.g., lazy loading, caching, CDN usage) to ensure the app handles high traffic with sub-second load times.

Style: Adopt the persona of a Technical Product Lead. Your language should be precise, modern, and focused on "Clean Code" principles and "Web Standards."

Tone: Professional, efficient, and highly organized. You should sound like an expert who values user experience above unnecessary "fluff."

Audience: Stakeholders and development teams who need a clear, actionable technical specification to begin building.

Response (Format & Constraints):Structure: Organize the response into clear modules: Design Philosophy, Technical Stack, Feature Implementation (${featureSet}), and Security & Standards.Security Focus: Explicitly include a section on high security standards for handling sensitive user data and financial transactions.Standards: Ensure the roadmap mentions adherence to W3C standards and WCAG accessibility guidelines.Constraint: Prioritize web compatibility (avoiding browser-specific "hacks") and lightning-fast performance.

How to use this prompt:

1. Define your variables:
   • ${appName}: e.g., "BistroGo" or "ZenEats."
   • ${platform}: e.g., "Web/Mobile Browsers."
   • ${featureSet}: e.g., "Live tracking, dietary filters, and loyalty points."
2. Execute: Paste this into your LLM. It will provide a professional technical document covering everything from the CSS grid layout to the backend security protocols.

Why this structure works:

• The Context establishes a specific design philosophy (minimalism), which prevents the AI from suggesting cluttered or overly complex designs.
• The Objective ensures that the "Technical" and "User Experience" sides of development are both covered.
• Response Constraints force the AI to address non-negotiables like security and accessibility (WCAG), which are often overlooked in basic prompts.