Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to conduct end-to-end debugging of AI-built mobile applications. It aims to identify, rectify, and confirm the error-free status of apps before deployment, enabling developers to maintain high-quality standards in their applications.

## CORE FEATURES
1. **Error Identification**: Automatically scan the application for common bugs and issues, providing detailed reports on each identified error.
2. **Error Rectification**: Tools and suggestions to rectify identified errors, including code snippets and best practices.
3. **Test Case Execution**: Run a comprehensive suite of test cases to validate the functionality and performance of the application.
4. **Deployment Confirmation**: A final review feature that confirms the application is error-free and ready for deployment, ensuring peace of mind for developers.
5. **User Dashboard**: A centralized dashboard for users to track the status of their debugging processes, view reports, and access tools.
6. **Integration with CI/CD**: Seamless integration with Continuous Integration/Continuous Deployment pipelines to automate testing and deployment processes.

## 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: A single-column layout with a prominent header, followed by sections for features, user dashboard, and a footer for additional resources and contact information.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Zustand (or any preferred state management library)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Develop the main layout including the header, footer, and content sections.
4. **Build Core Features**: Implement the error identification and rectification tools using appropriate libraries or custom logic.
5. **Develop the Dashboard**: Create the user dashboard to display debugging reports and status updates.
6. **Integrate CI/CD Features**: Implement features that allow integration with CI/CD pipelines.
7. **Testing**: Write and execute test cases to ensure all functionalities are working as intended.
8. **Deployment**: Prepare the application for deployment, ensuring it meets all quality checks.

## USER EXPERIENCE
Users will interact with a streamlined interface where they can easily initiate the debugging process, view error reports, and access tools for rectification. The dashboard will provide real-time updates on their application's status, allowing them to quickly navigate through identified issues and solutions. The user experience will focus on simplicity and clarity, ensuring that developers can efficiently manage their debugging tasks.