Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as an admin management dashboard, allowing super administrators to create and manage admin users and organizations efficiently. The primary goal is to provide a streamlined interface for organization management while ensuring user impersonation capabilities for admins.

## CORE FEATURES
1. **Super Admin User Creation**: Super admins can create admin users who will have the capability to generate and manage organizations.
2. **Organization Management**: Admin users can create and delete organizations, facilitating seamless organization oversight.
3. **Impersonation Feature**: Admin users can impersonate any organization they have created without restrictions, allowing for comprehensive management and oversight.
4. **My Organizations Dashboard**: A dedicated section for admin users to view and manage the organizations they oversee, including options for deletion and impersonation.
5. **Action Menu**: An intuitive action menu within the My Organizations section, providing quick access to organization management functionalities.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a focus on clean lines and ample white space. The interface should be straightforward, promoting ease of use and clarity.
- **Color Mode**: A light theme with dark text on light backgrounds to enhance readability and reduce eye strain.
- **Layout**: 
  - A top navigation bar for easy access to main features.
  - A sidebar for organization management links.
  - A main content area displaying user-specific dashboards and action items.
- **Typography**: 
  - Primary font: Sans-serif (e.g., Inter or Helvetica) for a modern and clean look.
  - Font sizes should follow a clear hierarchy with larger sizes for headings and smaller sizes for body text, ensuring readability and structure.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-driven architecture.
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: Utilize shadcn/ui for pre-designed, accessible components.
- **State Management**: Use React Context API or Redux for managing application state if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create User Authentication**: Implement authentication for super admin and admin users, ensuring secure access to the application.
3. **Build Admin User Management**: Create a component for super admins to add new admin users, including form validation.
4. **Develop Organization Management Functionality**: 
   - Create components for admin users to create and delete organizations.
   - Implement backend API calls for organization CRUD operations.
5. **Impersonation Feature Development**: Implement functionality allowing admin users to impersonate organizations, ensuring proper state management during impersonation.
6. **Design and Layout Implementation**: Apply Tailwind CSS to create a minimalist layout as per the design specifications, ensuring all components are visually cohesive.
7. **Testing and QA**: Conduct thorough testing of all functionalities and user flows to ensure a seamless user experience.

## USER EXPERIENCE
Users will interact with a streamlined interface that allows for easy navigation between user management and organization oversight. Admin users can quickly access their organizations from the dashboard, utilize the action menu for management tasks, and impersonate organizations to ensure they meet administrative needs without barriers. The design will promote an intuitive experience, encouraging effective use of the dashboard with minimal learning curve.