Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist web application designed to help users generate optimized prompts for various AI development platforms, including Lovable, Bolt, Replit, v0, and Cursor. The primary purpose is to provide developers with a straightforward interface to create production-ready prompts, complete with features, styling, and technical specifications.

## CORE FEATURES
1. **Prompt Generation**: Users can input a brief description of their app idea and receive a comprehensive, optimized prompt tailored for their chosen platform.
2. **AI-Powered Suggestions**: The application offers intelligent feature suggestions to enhance the prompts based on user input and trends.
3. **Style and Platform Customization**: Users can customize their prompts with specific styling and platform requirements to fit their projects.
4. **Prompt Management**: Users can save, edit, and manage their generated prompts efficiently.
5. **Community Access**: Users have access to a library of community-generated prompts for inspiration and ideas.
6. **Flexible Pricing Plans**: Offers a free plan with limited prompts, a monthly pro plan, and a one-time purchase option for bulk 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, 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 for styling.
2. **Create Layout Components**: Develop the main layout including a navigation bar, hero section, and footer.
3. **Implement Prompt Generation Feature**: Create a component that allows users to input their app idea and generates an optimized prompt.
4. **Add AI-Powered Feature Suggestions**: Integrate an AI model that analyzes user input to suggest additional features.
5. **Build Community Access Section**: Develop a section that displays community-generated prompts and allows users to browse and access them.
6. **Set Up User Authentication**: Implement user registration and login functionality using Firebase Authentication or a similar service, if user accounts are needed.
7. **Ensure Responsiveness**: Utilize Tailwind CSS utility classes to make the application responsive across all devices.
8. **Testing**: Conduct thorough testing for usability, performance, and security.

## USER EXPERIENCE
Users will experience a seamless and intuitive onboarding process where they can easily input their app ideas and generate optimized prompts. The interface will guide users through the process with clear calls to action and easily accessible features. The minimalist design will ensure that users focus on their content without distractions, leading to a satisfying and efficient user journey.