Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to enhance video captioning by implementing mechanisms to improve subtitle accuracy and user readability. It focuses on correcting short captions that do not extend to the end of a sentence and clearly distinguishing between different speakers in the dialogue. The application aims to provide an intuitive interface for users to manage and edit captions effectively.

## CORE FEATURES
1. **Caption Correction Mechanism**: Automatically adjusts short captions to ensure they complete sentences at the correct timestamps.
2. **Speaker Identification**: Implements a visual indicator (e.g., a dash) for different speakers in the captions to enhance readability.
3. **Bug Reporting System**: Allows users to report any bugs encountered during the captioning process, enabling continuous improvement.
4. **Real-time Preview**: Provides users with a real-time view of the captions as they make edits, ensuring instant feedback on changes.
5. **Export Functionality**: Users can export the corrected captions in multiple formats (e.g., SRT, VTT) for use in various video editing platforms.

## 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 consists of a header section with navigation, a main content area displaying the video and caption editor, and a footer with contact information. The caption editor will be centrally positioned with ample spacing for ease of use.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Set up the React application**: Initialize a new React project using Create React App with TypeScript.
2. **Install necessary dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create the main components**: Develop the header, footer, video player, and caption editor components.
4. **Implement the caption correction mechanism**: Use algorithms to detect short captions and adjust them accordingly.
5. **Add speaker identification**: Modify the caption rendering logic to include visual indicators for different speakers.
6. **Develop the bug reporting system**: Create a form component for users to submit bug reports.
7. **Implement real-time preview functionality**: Set up state management to allow live updates to the caption display as users make changes.
8. **Add export functionality**: Create options for users to download the corrected captions in various formats.
9. **Conduct user testing**: Gather feedback from users to refine functionality and improve user experience.

## USER EXPERIENCE
The user experience focuses on a seamless and intuitive interaction with the captioning tool. Users will easily upload videos, view captions, and make corrections in real-time. The visual differentiation between speakers will allow for quick comprehension of dialogues. The application will be responsive and accessible, ensuring that users on different devices can edit captions without frustration. The overall aim is to create an efficient and user-friendly tool that enhances the quality of video captions.