Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based platform designed to empower users to create professional, high-quality thumbnails for their YouTube videos. By leveraging advanced AI tools, the platform aims to streamline the thumbnail creation process, ensuring users can produce visually appealing images that enhance their video content and attract viewers effectively.

## CORE FEATURES
1. **AI Thumbnail Generator**: Automatically generates thumbnail options based on user input, utilizing machine learning algorithms to optimize image composition and design.
2. **Customizable Templates**: A library of professionally designed templates that users can modify to fit their video theme and branding.
3. **Image Editing Tools**: A set of intuitive editing tools (crop, resize, text overlay, filters) to allow users to personalize their thumbnails further.
4. **Preview Mode**: Enables users to view how thumbnails will look on YouTube, providing insights into dimensions and visual appeal.
5. **Collaboration Features**: Allows multiple users to collaborate on thumbnail designs in real-time, facilitating teamwork for content creators.
6. **Analytics Dashboard**: Provides insights into thumbnail performance based on viewer engagement and click-through rates, helping users refine their designs over time.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple design that emphasizes usability and clarity. The interface will feature ample white space to create a sense of openness and ease of navigation.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a modern aesthetic.
- **Layout**: A straightforward grid layout for the thumbnail creation workspace, with a sidebar for templates and editing tools. The main workspace will be dedicated to the thumbnail preview and customization area, ensuring users can focus on their design.
- **Typography**: Use a sans-serif font such as Inter or Roboto for a modern look, with clear hierarchy (e.g., larger font sizes for headings, medium for subheadings, and regular for body text) to guide user attention effectively.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust development and type safety.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design iteration while maintaining a consistent aesthetic.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable components that align with the minimalist design approach.
- **State Management**: Use React Context API or Zustand for state management, ensuring a seamless user experience across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Folder Structure**: Organize the project into clearly defined folders for components, pages, styles, and utilities.
3. **Build Core Components**: Develop the main components including the Thumbnail Generator, Template Library, and Editing Tools, ensuring to apply Tailwind CSS for styling.
4. **Implement Routing**: Set up React Router for navigation between different sections of the application (e.g., Home, Editor, Analytics).
5. **Integrate AI Functionality**: Connect to AI APIs for the thumbnail generation feature, ensuring proper input handling and image output.
6. **Develop User Authentication**: Implement user authentication to allow for personalized experiences and saving of designs.
7. **Test Responsiveness**: Ensure the application is responsive and functions well on various devices, including tablets and mobile phones.
8. **Launch and Gather Feedback**: Deploy the application and gather user feedback for continuous improvement and feature enhancements.

## USER EXPERIENCE
Users will navigate through a simple homepage to access the thumbnail creation tools. Upon entering the editor, they can choose from templates or create a new design from scratch. The intuitive interface allows for quick edits and previews, with real-time updates to the thumbnail as changes are made. Collaboration features enable seamless teamwork, while the analytics dashboard provides valuable insights post-publication to help refine future designs. The overall focus will be on creating a smooth, engaging user experience that encourages creativity and efficiency.