Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to help users manage clothing items by capturing images or videos of garments. Utilizing AI, the app detects and categorizes clothing based on color, style, and seasonality, aiding users in packing efficiently by suggesting outfits that meet weight limitations.

## CORE FEATURES
- **Image/Video Capture**: Users can take photos or videos of clothing items directly within the app, which are then analyzed by AI to detect garment characteristics.
- **Garment Detection**: The app identifies the color, cut, and seasonality (summer, winter, etc.) of the clothing item, providing detailed insights for better outfit planning.
- **Size Input**: Users can specify the size of each garment, ensuring that suggested clothing matches their measurements.
- **Outfit Suggestions**: Based on the detected features and user input, the app recommends outfits to pack, considering weight limits for travel.
- **Online Similarity Search**: The app searches online for similar garments to determine their weight, helping users keep track of their packing limits.

## 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 main layout should feature a top navigation bar, a central image capture area, sections for garment details, and an outfit suggestion area, all organized in a responsive grid format.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React application with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Install Tailwind CSS and any other required libraries (e.g., Redux for state management and shadcn/ui for UI components).
3. **Create Components**:
   - Build the navigation bar component.
   - Create the image/video capture component using a file input and camera access.
   - Develop the garment detail input component for size and other specifications.
   - Implement the outfit suggestion display area.
4. **Integrate AI Detection**: Use an AI service or library to analyze uploaded images/videos and extract garment features.
5. **Implement Outfit Suggestion Logic**: Create functions to suggest outfits based on detected garment features and user inputs.
6. **Design Layout**: Use Tailwind CSS to style components according to the defined design specifications, ensuring responsiveness across devices.
7. **Testing**: Conduct thorough testing of all features, ensuring smooth user experience and debugging any issues.
8. **Deployment**: Deploy the application on a cloud platform like Vercel or Netlify.

## USER EXPERIENCE
Users will start by navigating to the app where they can easily capture images or videos of their clothing items. The application will process the media and display detected details, allowing users to input sizes and receive outfit suggestions. The interface will remain clean and user-friendly, ensuring users can focus on their packing needs without distraction. Responsive design principles will ensure a seamless experience across all devices.