Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application will serve as a platform for senior developers to optimize and clean code, ensuring readiness for production release. The focus will be on providing a clean, user-friendly interface that facilitates code analysis and optimization tasks, promoting efficiency and clarity.

## CORE FEATURES
1. **Code Analysis Tool**: A comprehensive tool that scans the codebase for optimization opportunities, highlighting areas for improvement.
2. **Clean Code Suggestions**: Automated suggestions for refactoring and best practices to enhance code quality and maintainability.
3. **Version Control Integration**: Seamless integration with Git to track changes and manage code versions effectively.
4. **Documentation Generator**: Automatically generate documentation based on code comments and structure to facilitate better understanding and maintenance.
5. **User Dashboard**: A personalized dashboard that provides an overview of key metrics, recent activity, and project status.
6. **Collaboration Tools**: Features that enable team collaboration, including commenting on code, sharing suggestions, and managing feedback.

## 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 will feature a top navigation bar with the application logo and main links. A sidebar will provide quick access to tools, while the main content area will display actionable insights and data visualizations.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for global state management, if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Build the navigation bar, sidebar, and main content area as reusable components.
3. **Develop Core Features**:
   - Implement the code analysis tool using a suitable algorithm for scanning codebases.
   - Create the clean code suggestions feature using predefined best practices.
   - Integrate Git APIs for version control functionalities.
   - Develop the documentation generator by parsing comments within the code.
4. **Build User Dashboard**: Set up the dashboard to display user metrics, project statuses, and recent activities.
5. **Implement Collaboration Tools**: Create commenting and feedback mechanisms within the code analysis tool.
6. **Test Features**: Conduct thorough testing for each feature to ensure functionality and performance.
7. **Deploy Application**: Use a cloud service to deploy the application, ensuring it is accessible and performant in production.

## USER EXPERIENCE
Users will interact with the application through a straightforward interface, starting at the dashboard where they can see their projects and key metrics. They can navigate to the code analysis tool, where they will upload code for analysis. The application will provide real-time feedback and suggestions, allowing users to implement changes directly through the interface. Collaboration tools will enable team members to leave comments and suggestions, facilitating a smoother optimization process. The overall experience will prioritize clarity, efficiency, and ease of use, ensuring developers can focus on improving code quality.