Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to streamline task identification and resolution within a development environment. It allows users to prioritize issues based on their impact, validate solutions, report issues clearly, and revert to stable versions as needed. The application emphasizes a clean, minimalistic interface that focuses on user experience and effective problem resolution.

## CORE FEATURES
1. **Task Identification**: Users can prioritize issues based on their impact, ensuring that high-priority tasks are addressed first.
2. **Internal Review**: A validation process for solutions before deployment, enhancing the reliability of changes.
3. **Reporting Issues**: Clear definitions of current vs. expected behavior are provided to facilitate accurate reporting.
4. **Validation**: Users can verify that changes render correctly in the DOM, ensuring functionality before finalizing updates.
5. **Error Handling & Logging**: The application features verbose logging to assist in debugging and incremental development.
6. **'Try to Fix' Button**: An automated feature that detects and attempts to resolve errors within the application seamlessly.

## 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 application will follow a simple layout structure featuring a top navigation bar, a main content area for features, and a footer for additional links and contact information.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Build out core components including the navigation bar, feature sections, and modals for reporting issues and validations.
3. **Implement Features**: Develop the functionality for task identification, internal review, error handling, and the 'Try to Fix' button.
4. **Styling**: Apply Tailwind CSS classes to ensure the application adheres to the minimalist design specifications, focusing on responsive design.
5. **Testing**: Conduct thorough testing of all features to ensure functionality, especially for the validation and error handling components.
6. **Deployment**: Prepare the application for deployment, ensuring that all configurations are optimized for performance.

## USER EXPERIENCE
Users will interact with a straightforward interface that allows them to easily identify and prioritize tasks, submit reports, and validate their solutions. The 'Try to Fix' button provides an intuitive way to address errors, and the clear visual layout promotes efficient navigation and usability. Feedback mechanisms, such as success and error messages, will enhance the overall user experience, ensuring that users feel confident in managing their tasks effectively.