Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a 2D virtual office where AI agents work sequentially to create Instagram posts. The application simulates a workflow environment, allowing users to interact with agents who follow a defined task queue. The visual presentation is gamified in pixel art style, providing an engaging user experience.

## CORE FEATURES
1. **Virtual Office Environment**: A 2D pixel art office featuring individual rooms for each agent, along with a common area for relaxation and games like arcade and billiards.
  
2. **AI Task Queue System**: Implements a sequential workflow where only one agent can work at a time, ensuring orderly task completion.
   
3. **Agent State Management**: Each agent has distinct states: Free, Waiting, Working, and Awaiting Approval, with animations representing their actions and transitions.
  
4. **User Command Interaction**: Users can send commands via chat to initiate tasks, with real-time updates on the progress and status of each agent.
  
5. **Notifications System**: Users are notified when an agent completes their task or when the active agent changes, enhancing real-time interaction.
  
6. **Scheduled Tasks**: Allows users to set tasks that initiate automatically at specified times, maintaining the sequential workflow.

## 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 layout will consist of a main viewport displaying the office environment, a sidebar for user commands and notifications, and a status panel showing active agents and their states.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: shadcn/ui for component library to enhance UI consistency.
- **State Management**: React Context API or Zustand for managing the state of agents and the task queue.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
   
2. **Create Pixel Art Assets**: Design pixel art assets for the office, agents, and UI components, ensuring they align with the visual style.
   
3. **Develop Agent Logic**: Implement the logic for the agents, including state management and task queue functionality.
   
4. **Create User Interface**: Build the main layout with a focus on responsive design, integrating the pixel art and UI components seamlessly.
   
5. **Implement User Command System**: Develop the chat interface for user commands and integrate it with the agent workflow.
   
6. **Testing and Optimization**: Conduct thorough testing of the application to ensure all functionalities work as intended and optimize performance.

## USER EXPERIENCE
Users will interact with the application by sending commands through the chat interface to initiate tasks. They will see real-time updates on the status and actions of agents, enhancing engagement. The visual representation of agents moving through the office and the notifications system will create a dynamic and immersive experience, resembling a real production line for content creation.