Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application will serve as an image analysis and text generation tool that allows users to upload three distinct images: one representing the composition, another depicting the desired wardrobe or outfits, and a third that conveys the overall aesthetic. The application will analyze these images and generate a descriptive text prompt that can be utilized in an AI image generator to create a cohesive and customized image.

## CORE FEATURES
1. **Image Upload**: Users can upload three images to the platform, ensuring they meet specific criteria for composition, wardrobe, and aesthetic.
2. **Image Analysis**: The application will analyze each uploaded image using machine learning algorithms to extract relevant details such as composition style, clothing attributes, and visual themes.
3. **Text Prompt Generation**: Based on the analyzed data, the application will compile a text prompt that summarizes the key elements from the three images.
4. **AI Image Generation Integration**: Users can directly send the generated text prompt to a compatible AI image generator API to create the desired images.
5. **User-Friendly Interface**: A clean and intuitive interface that guides users through the image uploading and generation process.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across various devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: A single-page layout that includes a hero section for a brief introduction, followed by sections for image upload, analysis results, generated text prompt, and a call-to-action for generating AI images.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing application state.

## IMPLEMENTATION STEPS
1. **Set up the React environment**: Create a new React project using Create React App with TypeScript.
2. **Install necessary dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create the layout**: Design the main page layout using Tailwind CSS, ensuring to incorporate the specified design elements.
4. **Implement image upload functionality**: Use file input components to allow users to upload images and store them in the application state.
5. **Develop image analysis logic**: Integrate a machine learning library or API that can analyze the uploaded images and extract the necessary information.
6. **Generate text prompts**: Create a function that compiles the analyzed data into a cohesive text prompt.
7. **Integrate AI image generation**: Connect to an AI image generation API to allow users to create images based on the generated text prompts.
8. **Test the application**: Ensure all functionalities work as intended and the application is responsive across devices.

## USER EXPERIENCE
Users will be greeted with a simple and engaging interface upon landing on the application. They will first see a hero section with an introductory message and an image upload area. Once they upload their images, they will receive real-time feedback on the analysis process and the generated text prompt. After reviewing the prompt, users can easily initiate the image generation process with a clear call-to-action button. The entire experience will be designed to be intuitive and straightforward, minimizing the steps required to achieve their desired outcome.