Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
The "AI App Generator" is a web application designed to empower users to create custom Android apps simply by providing a written prompt. The app leverages AI technology to generate app details and APK files based on user input, making app development accessible and efficient for everyone.

## CORE FEATURES
1. **Prompt Input Box**: A large text box for users to enter their app idea or prompt, encouraging creativity and ease of use.
2. **Generate App Button**: A prominently displayed button that initiates the app generation process upon user input.
3. **Loading Screen**: A sleek loading screen that appears while the app is being generated, keeping users informed and engaged.
4. **Result Screen**: Displays key outputs:
   - **App Name**: The generated name of the app based on the user’s prompt.
   - **App Features**: A concise list of features that the generated app will include.
   - **Download APK Button**: Allows users to download the generated APK file directly to their device.
   - **Export Button**: Provides options for exporting app details or configurations in various formats.
5. **Top Menu Navigation**: A user-friendly menu with links to:
   - Home
   - My Apps
   - Contact
   - Settings

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean and simple design, focusing on ample white space and clear typography to enhance readability.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high visibility and user comfort.
- **Layout**: A responsive layout featuring a centered prompt input box at the top, followed by the "Generate App" button. The result screen will be structured in a card format, ensuring clarity and easy access to generated information.
- **Typography**: Utilize sans-serif fonts such as "Roboto" or "Open Sans" for a modern look, with a clear hierarchy (e.g., larger sizes for headings, medium sizes for subheadings, and standard sizes for body text).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-driven architecture.
- **Styling**: Tailwind CSS for utility-first styling that allows for rapid prototyping and responsive design.
- **UI Components**: Integrate shadcn/ui for pre-designed components that align with the minimalist design aesthetic.
- **State Management**: Use React Context or Zustand for global state management to handle app data and user interactions seamlessly.

## IMPLEMENTATION STEPS
1. **Set Up React Environment**: Initialize a new React app using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components, along with any additional libraries for state management.
3. **Create Main Components**: Develop the main components including:
   - PromptInput component for text input.
   - GenerateButton component to trigger app generation.
   - LoadingScreen component to display during processing.
   - ResultScreen component to show generated app details.
   - NavigationMenu component for top menu links.
4. **Implement AI Integration**: Set up API calls to the AI service that processes user prompts and returns generated app details.
5. **Design Application Layout**: Structure the application layout according to the specified design specifications, ensuring responsiveness across devices.
6. **Test User Interactions**: Conduct usability testing to ensure that the app functions as intended and provides a seamless user experience.

## USER EXPERIENCE
Users will start by entering their app idea into the prompt input box. Upon clicking the "Generate App" button, a loading screen will appear while the app is being generated. Once completed, users will be redirected to the result screen displaying the app name, features, and download options. The top navigation menu ensures easy access to the home page, saved apps, contact information, and settings, facilitating a smooth and intuitive user journey throughout the application.
```