Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
The Password Generator web application is a modern, responsive tool designed to generate secure passwords based on user preferences. It connects seamlessly to an existing Python backend, providing a user-friendly interface that allows users to specify password length, type, and optional keywords for personalized password generation.

## CORE FEATURES
1. **Password Length Adjustment**: Users can select a password length from 4 to 128 characters using a synchronized slider and number input.
2. **Password Type Selection**: Offers multiple options for password composition, including letters, numbers, symbols, and any combination thereof.
3. **Custom Word Input**: An optional input field for users to suggest a word, which the backend uses to generate related passwords.
4. **Result Display**: The application shows randomly generated passwords and related passwords in visually appealing cards, complete with copy and regenerate buttons.
5. **Password Strength Meter**: Displays the strength of generated passwords using a colored progress bar with labels (Weak, Medium, Strong, Very Strong).
6. **Dark/Light Mode Toggle**: Users can switch between themes, with the application remembering their preference.

## 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 centered hero section for input controls, followed by a results section displaying generated passwords in cards, and a footer with additional information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing theme and password history

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, Axios for API calls, and shadcn/ui for UI components.
3. **Create Layout Components**: Build components for the hero section, password generation controls, result cards, and loading indicators.
4. **Implement State Management**: Set up React Context API to handle password history and theme switching.
5. **API Integration**: Use Axios to create API calls for fetching generated passwords from the Python backend.
6. **Add Functionality**: Implement password length slider, type selection, custom word input, and copy/regenerate features with appropriate validations.
7. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design as specified, using the defined primary color and typography.
8. **Test Responsiveness**: Ensure the application is fully responsive on desktop, tablet, and mobile devices.
9. **Deploy Application**: Prepare the application for deployment on a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will be greeted with a clean interface where they can easily adjust their password preferences. They will utilize the slider and input fields to set desired criteria, then click the generate button to retrieve their passwords. The results will be displayed in an organized manner, allowing users to copy passwords or regenerate them effortlessly. The application will also provide feedback on password strength and maintain a history of recent generations, enhancing the overall usability and engagement.
```