Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist web application designed as an AI-powered prompt generator, aimed at helping users transform their web or app ideas into optimized prompts for various AI development platforms, including Lovable, Bolt, Replit, v0, and Cursor. Its primary purpose is to provide a clean and intuitive interface for users to generate, save, and manage prompts, enhancing their productivity in AI development.

## CORE FEATURES
1. **Prompt Generation**: Users can input brief descriptions of their app ideas to receive optimized prompts tailored for multiple AI platforms.
2. **AI-Powered Feature Suggestions**: The application suggests features based on user input, helping to inspire and enhance app development.
3. **Style and Platform Customization**: Users can customize the generated prompts with specific styling and platform details to suit their needs.
4. **Prompt Management**: Users can save, edit, and organize their generated prompts for easy access and future reference.
5. **Community Access**: Users can explore and utilize prompts generated by the community, fostering collaboration and inspiration.
6. **Subscription Plans**: Offers a free plan and paid options that provide additional features and prompts.

## 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 will feature a top navigation bar, a hero section with a call to action, followed by sections for prompt generation, feature suggestions, community prompts, and a footer.

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

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Develop the main layout including a navigation bar, hero section with call to action, and footer.
3. **Implement Prompt Generation Functionality**: Set up a text input field where users can enter descriptions and a button to generate prompts.
4. **Develop AI Feature Suggestions Module**: Integrate an AI model that suggests additional features based on user input.
5. **Implement Prompt Management**: Allow users to save, edit, and view their generated prompts in a user-friendly format.
6. **Build Community Access Feature**: Create a section that showcases community-generated prompts for users to explore.
7. **Integrate Subscription Options**: Implement a payment system to manage free and paid subscription plans.
8. **Ensure Responsiveness**: Use Tailwind CSS utility classes to make the application responsive across devices.
9. **Testing**: Conduct thorough testing for usability, performance, and security.

## USER EXPERIENCE
Users will enjoy a seamless onboarding experience with an intuitive interface that guides them through generating prompts. Upon entering their app ideas, they will receive optimized prompts alongside AI-generated feature suggestions. The application will allow users to save and manage their prompts easily, with clear calls to action and a well-structured layout ensuring an efficient and enjoyable user journey.