Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Style Scout application is a web-based platform designed to help users create personalized fashion capsules based on their body types and color undertones. Users will log in, answer onboarding questions, upload photos for AI analysis, and utilize a streamlined interface to build their ideal wardrobe. The primary objective is to enhance user confidence and stylistic choices through a simple, elegant, and engaging experience.

## CORE FEATURES
1. **User Onboarding**: Users complete onboarding questions regarding their preferences and measurements, along with a photo upload for AI analysis to determine body type and color undertone.
2. **Capsule Creation**: A dedicated section for users to create their fashion capsule, allowing them to select clothing items from dropdown options categorized as Essentials or Advanced.
3. **Color Palette Selection**: Users can choose base and pop-up colors from well-designed, rounded boxes that highlight matching colors according to their body type and undertone.
4. **Clothing Type Selection**: An interactive interface for users to select preferred clothing types (Tops, Bottoms, Layers, Dresses) with visual representation and minimum selection requirements.
5. **Wardrobe Management**: Users can upload images of existing wardrobe items or garments to check compatibility with their capsule, helping them avoid unnecessary purchases.
6. **Outfit Generation**: The app displays the number of possible outfits based on selected capsule items, allowing users to add, edit, or remove items dynamically.

## 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.
- **Layout**: 
  - Header: Logo and navigation links.
  - Main Section: Onboarding questions, Capsule Creation interface, Color Palette selection, and Clothing Type selection organized in an easy-to-navigate, collapsible format.
  - Footer: Contact information and links to social media.
- **Typography**: Use modern sans-serif fonts for headings and body text, ensuring clarity and readability. Headings should be bold and larger, while body text remains thin and smaller for a clean look.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: Utilize shadcn/ui for pre-built components to ensure a consistent look and feel.
- **State Management**: Redux or Context API for managing user state and capsule data.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React application with TypeScript and install Tailwind CSS.
2. **Design the UI components**: Create reusable components for input fields, dropdowns, color palettes, and clothing item selectors using shadcn/ui.
3. **Implement user authentication**: Use a service like Firebase or Auth0 for user login and onboarding.
4. **Develop the Capsule Creation feature**: Build the logic for selecting clothing items, colors, and managing the capsule state.
5. **Integrate AI functionality**: Use an AI library or service to analyze uploaded photos for body type and color undertones.
6. **Implement wardrobe management**: Create functionality for users to upload existing wardrobe items and check compatibility.
7. **Dynamic outfit generation**: Develop the logic to calculate the number of outfits based on selected capsule items and provide visual feedback.
8. **Testing and optimization**: Conduct thorough testing for usability, responsiveness, and performance, ensuring a seamless user experience.

## USER EXPERIENCE
Users will begin their journey by logging in and completing the onboarding process, which includes answering questions and uploading photos. Upon entering the Capsule Creation section, users will find a visually appealing interface that allows them to easily select clothing types and colors. The dynamic features will enable users to see how their selections fit together, providing a clear outline of their capsule. A simple and elegant design will guide users through managing their wardrobe, ensuring they make informed decisions about new purchases while feeling confident in their stylistic choices.