Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The AI-powered Prompt Architect is a web application designed to assist founders in generating production-ready Lovable prompts from any software idea, whether simple or ambitious. This tool will facilitate the transformation of raw concepts into comprehensive software specifications, ensuring that no idea is ever rejected due to its complexity.

## CORE FEATURES
1. **Idea Transformation**: Users can input rough software ideas, and the AI will generate structured Lovable prompts detailing necessary specifications.
2. **Product Requirements Expansion**: Vague concepts are expanded into detailed product requirements, ensuring clarity and direction for development.
3. **UI/UX Specifications Generation**: The system will provide recommendations for user interface and experience designs tailored to the application's purpose.
4. **Database Schema Design**: Automatic generation of comprehensive Supabase database schemas based on the proposed features.
5. **API Recommendations**: The AI will suggest relevant APIs for integration to enhance functionality and connectivity.
6. **Production Roadmap Suggestions**: Users receive a clear roadmap for development, including milestones and potential future improvements.

## 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 hero section at the top, followed by a features section, user testimonials, a call-to-action (CTA) section, and a contact form at the bottom. Each section will be clearly defined to guide the user through the application’s value proposition.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**:
   - Initialize a new React project using Create React App with TypeScript.
   - Install Tailwind CSS and configure it within the project.
   - Add necessary dependencies, including shadcn/ui for UI components.

2. **Create the Main Layout**:
   - Build the main layout using functional components for the hero, features, testimonials, CTA, and contact sections.
   - Apply Tailwind CSS classes to ensure a responsive and minimalist design.

3. **Implement Core Features**:
   - Develop the idea transformation functionality, leveraging an AI model to generate prompts based on user input.
   - Create components for displaying product requirements, UI/UX specs, and database schemas.

4. **Integrate API Recommendations**:
   - Set up a service layer to fetch relevant API recommendations based on user-defined parameters.

5. **Develop User Interaction Flows**:
   - Design intuitive forms for inputting ideas and navigating through generated outputs.
   - Implement feedback mechanisms to improve user experience based on interaction.

6. **Test and Optimize**:
   - Conduct thorough testing of all features, focusing on user interactions and responsiveness.
   - Optimize performance and ensure adherence to accessibility standards.

## USER EXPERIENCE
The application will provide seamless interactions where users can easily input their software ideas and receive polished, implementation-ready prompts. Key flows include entering an idea, reviewing generated specifications, and iterating on feedback. The minimalist design ensures that users are not overwhelmed, allowing for a focused and efficient experience. Responsive design principles will ensure usability across devices, enhancing accessibility and engagement.