Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide users with a streamlined solution for identifying and correcting errors across various pages and logic flows. The application will focus on enhancing user experience by implementing an intuitive interface that allows users to quickly navigate, review, and rectify issues in their content and workflows.

## CORE FEATURES
1. **Error Detection**: Automatically scan all pages and workflows to pinpoint errors in logic and content, providing users with a comprehensive report.
2. **Real-time Suggestions**: Offer contextual suggestions and corrections as users interact with the application, enhancing the efficiency of corrections.
3. **User-friendly Dashboard**: A central dashboard that displays all detected errors, categorized by severity and type, allowing users to prioritize fixes.
4. **Interactive Flow Mapping**: Visual representation of user flows to help identify logical errors and improve navigation through a simplified user interface.
5. **Detailed Reports**: Generate downloadable reports summarizing detected errors and suggested corrections, enabling users to track changes over time.
6. **User Account Management**: Secure user authentication and profiles to save preferences and track individual progress in fixing errors.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Focus on clean lines, ample white space, and an uncluttered interface that supports ease of use and clarity.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and reduce eye strain.
- **Layout**: 
  - A top navigation bar for easy access to different sections (Dashboard, Reports, Settings).
  - A main content area that displays error reports and suggestions prominently.
  - A sidebar for quick navigation through different workflows and pages.
- **Typography**: 
  - Use sans-serif fonts for clarity (e.g., 'Roboto' or 'Open Sans').
  - Hierarchy: Headings (H1, H2) in bold for emphasis, body text in regular weight for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type safety and component-based architecture.
- **Styling**: Tailwind CSS for rapid and responsive design implementation.
- **UI Components**: Utilize shadcn/ui for consistent and modern UI components.
- **State Management**: Implement Zustand or Redux for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript, Tailwind CSS, and other necessary dependencies.
2. **Create Components**: Develop reusable components for the navigation bar, dashboard, error reports, and user flows.
3. **Implement Error Detection Logic**: Integrate functionality that scans and analyzes user inputs for errors.
4. **Design the Dashboard**: Layout the main dashboard to display error summaries and provide navigation to detailed reports.
5. **User Authentication**: Implement secure user authentication using libraries like Firebase Auth or Auth0.
6. **Testing and Feedback**: Conduct usability testing and gather feedback to refine features and improve user experience.

## USER EXPERIENCE
Users will have a seamless experience as they log into the application, where they are greeted with an intuitive dashboard. They can easily view detected errors and suggested corrections. The interactive flow mapping feature allows users to visualize their workflows, making it easier to identify logical inconsistencies. The application is designed to be responsive, ensuring that users can access it from various devices without sacrificing usability or functionality.