Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application aims to provide users with a powerful tool for creating customizable argument maps tailored to their specific needs. Users can input prompts that dictate the structure and content of their argument maps, which will be generated with multiple branches and sections that can be easily edited and rearranged.

## CORE FEATURES
1. **Custom Argument Map Generation**: Users can input their desired argument structure and content, resulting in a tailored argument map that reflects their specifications.
2. **Branching Sections**: Each argument map will include multiple branches that can diverge into various directions, allowing for complex argumentation.
3. **Color-Coded Sections**: Each branch and section of the argument map can be assigned different colors for visual clarity and personalization.
4. **Edit and Rearrange**: Users can edit the content of each section and rearrange branches as needed, ensuring the argument map can evolve with their thoughts.
5. **Save and Load Functionality**: Users can save their argument maps for future reference and load them back for further editing.
6. **User-Friendly Interface**: The application will feature an intuitive interface that makes it easy for users to create and modify their argument maps.

## 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 for readability.
- **Layout**: The main layout will be a single-page interface with a central area for the argument map, a sidebar for tools and options, and a header for navigation.
- **Typography**: Use a sans-serif font like 'Roboto' or 'Open Sans' for body text, with a bold font for headings to ensure clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe development experience.
- **Styling**: Tailwind CSS for rapid styling and responsive design capabilities.
- **UI Components**: Utilize shadcn/ui for ready-made components that align with the minimalist aesthetic.
- **State Management**: Implement React Context API or Zustand for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Component Structure**: Develop the main components, including the ArgumentMap, Branch, and Section components.
3. **Implement Argument Map Logic**: Build functionality to parse user input and generate the argument map dynamically based on the specified structure.
4. **Add Editing Features**: Implement editing capabilities for each section, including text input and branch rearrangement.
5. **Design UI**: Apply Tailwind CSS styles to ensure a clean and minimalist aesthetic across all components.
6. **Testing and Debugging**: Conduct thorough testing to ensure all features work as intended and fix any bugs or issues that arise.
7. **Deploy Application**: Host the application on a platform such as Vercel or Netlify for public access.

## USER EXPERIENCE
The user journey begins with a welcoming interface where they can input their desired argument structure. Once the prompt is submitted, the argument map is generated in real-time, allowing users to see their ideas visually represented. Users can easily click on any section to edit it or drag and drop branches to rearrange their arguments. The clean design and intuitive layout enhance usability, making it accessible for users of all skill levels.