Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
AI Closet Hub is a web application designed as an intelligent digital wardrobe that allows users to manage their physical clothing in the cloud while receiving personalized style advice through AI. The platform combines advanced features like outfit generation, visual style selection, and smart search capabilities, creating a unique fashion assistant experience.

## CORE FEATURES
1. **User System**: A secure login module enabling users to store and manage their clothing items, sizes, and style preferences in a database.
2. **Smart Search**: Integration of an online clothing search feature, allowing users to find items by brand and add them to their 'Wishlist' or 'Virtual Closet'.
3. **Visual Recognition Module**: Users can upload images of their clothing, enabling the AI to analyze color, pattern, and type of garment.
4. **Dynamic Outfit Generator**: Generates outfit suggestions based on uploaded items, the current season, and 2026 fashion trends.
5. **Urban Tribe/Style Selector**: A visual onboarding experience where users choose their fashion identity (e.g., Cayetano, Clean, Cani, etc.).
6. **Accessories Algorithm**: Suggests complementary items like accessories, shoes, and fragrances based on the uploaded clothing.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design that emphasizes usability with generous white space and a minimal color palette.
- **Color Mode**: Light theme with dark text on light backgrounds, allowing for easy readability.
- **Layout**: A single-page layout with a navigation bar at the top, followed by a hero section, features overview, user onboarding, and a dynamic outfit showcase section. The footer will contain contact information and links.
- **Typography**: Use a modern sans-serif font (e.g., Montserrat) for headings and a legible serif font (e.g., Merriweather) for body text, ensuring a clear hierarchy with appropriate sizing and spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust application development.
- **Styling**: Tailwind CSS for utility-first styling and responsive design.
- **UI Components**: Utilize shadcn/ui for consistent and modern UI elements.
- **State Management**: Implement context API or Redux for managing user authentication and wardrobe state.

## IMPLEMENTATION STEPS
1. **Set up React Environment**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **User Authentication Module**: Create secure login and registration components, implementing Firebase or Auth0 for user management.
3. **Develop Smart Search**: Integrate an API for online clothing search, allowing users to query and add items to their wardrobe.
4. **Build Visual Recognition**: Integrate a visual recognition library or API to analyze user-uploaded clothing images.
5. **Dynamic Outfit Generator**: Create a component that takes user inputs (clothes, season, and trends) and generates outfit suggestions.
6. **Urban Tribe Selector**: Design and implement a visual onboarding process for users to select their style identity.
7. **Accessory Suggestion Algorithm**: Develop logic to recommend accessories based on the selected clothing items.
8. **UI Design**: Apply Tailwind CSS for layout and styling according to the design specifications.
9. **Testing**: Conduct user testing to ensure smooth interactions and adjust based on feedback.
10. **Deployment**: Deploy the application on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will interact with the AI Closet Hub by logging in to their accounts, uploading images of their clothing, and selecting their style preferences. The intuitive interface allows users to easily navigate through the smart search feature, view generated outfits, and receive personalized recommendations. The dynamic outfit generator will ensure that suggestions are relevant to the current season and the user’s selected trends, enhancing the overall user experience and engagement with the app.