Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web platform designed for AI-assisted product building, where users can describe their project ideas and multiple AI agents collaboratively generate and refine solutions. This interactive workspace facilitates learning and understanding of modern AI tools, providing a structured environment for project management and output iteration.

## CORE FEATURES
1. **Account & Setup**: Users can sign up, log in, log out, and manage their profiles, including resetting passwords.
2. **Project Workspace**: Users can create, edit, and delete projects, with a dashboard displaying recent projects and project descriptions.
3. **Prompt Input**: Users can enter prompts for their projects, view prompt history, and save multiple versions for iterative improvement.
4. **AI Agent Collaboration**: Multiple agents respond to each prompt, with views for individual agent responses and a combined solution output.
5. **Generated Output**: Users can view, copy, and download generated content, along with options to regenerate output as needed.
6. **Iteration & Refinement**: Follow-up prompts allow users to improve existing outputs, with a history of changes and comparisons between versions.

## 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 features a top navigation bar, a central workspace for prompts and outputs, and sidebar sections for project management and agent collaboration.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (as needed)

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the main layout**: Develop a top navigation bar and sidebars for project and agent management.
3. **Implement authentication**: Create components for sign-up, login, and profile management.
4. **Build the project workspace**: Enable users to create, view, and manage their projects.
5. **Develop the prompt input feature**: Allow users to enter and manage prompts, displaying prompt history and versioning.
6. **Integrate AI agent responses**: Implement functionality for multiple agents to respond to prompts and display their outputs.
7. **Design output viewing**: Create structured views for generated outputs, including download options.
8. **Implement iteration and refinement tools**: Allow users to improve outputs and track changes.

## USER EXPERIENCE
Users will interact with a clean and intuitive interface, entering project prompts in a designated input area, and receiving real-time feedback from AI agents. They can navigate through their projects effortlessly, with loading indicators during generation and notifications for completed tasks. The minimalist design ensures a focus on functionality, enhancing the learning experience while using AI tools effectively.