Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
LOOKOUT is a mobile-first web application designed to be a smart wardrobe assistant. Its primary purpose is to help users create stylish outfit combinations from their existing clothing items, saving them time and enhancing their wardrobe creativity.

## CORE FEATURES
1. **Welcome Screen**: An introductory screen that welcomes users and guides them to start using the app.
2. **My Wardrobe**: A central hub where users can view, add, and categorize their clothing items into tops, bottoms, shoes, outerwear, and accessories.
3. **Generate Combinations**: An intelligent feature that generates 4-5 outfit combinations based on the user's wardrobe.
4. **Outfit Detail**: A screen that provides details about a selected outfit, including the clothing pieces used and a brief explanation of the outfit's style.
5. **Complete The Look**: Suggests additional items that complement the selected outfit, checking the user's wardrobe first.
6. **Inspiration**: Displays external outfit inspirations with a unique feature to adapt suggestions to the user's wardrobe.

## 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**: The layout will be structured in a single-column format for mobile-first design, with clear navigation and a focus on user interactions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing wardrobe items and outfit combinations.

## IMPLEMENTATION STEPS
1. **Set Up the Project**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for the project.
   - Add shadcn/ui for reusable UI components.

2. **Create Core Screens**:
   - Develop the Welcome, My Wardrobe, Generate Combinations, Outfit Detail, Complete The Look, and Inspiration screens.
   - Ensure each screen follows the minimalist design principles and utilizes the specified typography and color scheme.

3. **Implement Wardrobe Functionality**:
   - Create a component for adding clothing items to the wardrobe.
   - Categorize clothing items into specified categories (Tops, Bottoms, Shoes, Outerwear, Accessories).

4. **Develop Outfit Generation Logic**:
   - Implement the algorithm for generating outfit combinations based on the items in the user's wardrobe.
   - Ensure the Generate Combinations screen displays 4-5 outfits with all required pieces.

5. **Design Outfit Detail and Complete The Look**:
   - Create the Outfit Detail component to show full outfit details and explanations.
   - Implement the Complete The Look feature to suggest additional items based on the user's existing wardrobe.

6. **Incorporate Inspiration Feature**:
   - Build the Inspiration screen to show external outfit ideas, ensuring to include the "Adaptar a mi armario" functionality.

## USER EXPERIENCE
The user experience will focus on a seamless, intuitive flow where users can easily navigate through the application. Starting from the Welcome screen, users will move to My Wardrobe to add items and generate combinations. The process of viewing outfit details, completing looks, and finding inspiration will be straightforward, ensuring that users feel empowered to explore their wardrobe creatively without feeling overwhelmed or distracted by unnecessary features.

By adhering to these detailed specifications, LOOKOUT will effectively serve as a stylish and practical wardrobe assistant for users, enhancing their outfit selection process while maintaining a minimalist aesthetic.