Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based tool designed to extract user and role systems from one Lovable project and replicate them in another existing Lovable project. The application will streamline the process of managing user roles, enhancing productivity and consistency across projects.

## CORE FEATURES
1. **User Role Extraction**: Seamlessly extract user roles from the source Lovable project with a single click, ensuring all necessary permissions and attributes are included.
2. **User Role Replication**: Easily replicate the extracted user roles into the target Lovable project, complete with all configurations.
3. **Project Selection Interface**: A user-friendly interface for selecting source and target projects, providing clear visual feedback during the selection process.
4. **Preview Changes**: Before finalizing the replication, users can preview the roles and permissions that will be created, ensuring accuracy and consistency.
5. **History Log**: Maintain a log of all extraction and replication activities for accountability and rollback options if needed.
6. **User-Friendly Dashboard**: A centralized dashboard displaying the status of ongoing operations, recent activities, and quick access to extraction and replication features.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a focus on clean lines and ample white space, ensuring ease of use and navigation.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and maintain a professional aesthetic.
- **Layout**: A single-column layout with a fixed header containing navigation elements, a content area for displaying features and actions, and a footer with additional links and information.
- **Typography**: Use a sans-serif font (e.g., Inter or Roboto) for body text, with larger headings (H1, H2) to establish a clear hierarchy. Maintain consistent spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and a robust development experience.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid and flexible design adjustments.
- **UI Components**: Utilize shadcn/ui components for consistent and modern UI elements.
- **State Management**: Redux or Context API to manage application state efficiently, especially for user roles and project selections.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript support and install Tailwind CSS.
2. **Design Layout**: Create the main layout structure using Tailwind CSS, ensuring the header, content area, and footer are properly defined.
3. **Develop Core Features**:
   - Implement the User Role Extraction feature by connecting to the Lovable API for fetching user roles.
   - Create the User Role Replication function to send data to the target project.
   - Build the Project Selection Interface with dropdowns for selecting source and target projects.
   - Develop the Preview Changes feature to display roles before replication.
   - Implement the History Log for tracking activities.
   - Design the User-Friendly Dashboard to aggregate all features and actions in one place.
4. **Implement State Management**: Set up Redux or Context API to manage the application state effectively.
5. **Testing**: Thoroughly test each feature, ensuring that the extraction and replication processes work flawlessly.
6. **Deploy**: Prepare the application for deployment on a suitable platform, ensuring that all configurations are set correctly.

## USER EXPERIENCE
The application will provide a streamlined user experience with intuitive navigation. Users will interact with a clean interface that guides them through selecting projects, executing role extractions, and replicating roles with clear feedback and confirmation messages. The preview feature will enhance confidence in actions taken, while the dashboard will keep users informed of ongoing processes and recent activity, ensuring a smooth and efficient workflow.