Lovable Prompt Creator - AI Prompt Generator

# # # ## # ### ## APPLICATION OVERVIEW
The OpenIx Prompt Intelligence Engine is a web application designed to streamline the process of prompt generation through a structured and component-based architecture. It focuses on providing a clean user experience with an emphasis on scalability and maintainability, allowing users to analyze and generate prompts efficiently.

## CORE FEATURES
1. **Prompt Generation**: A centralized component that integrates various layers to manage state and facilitate prompt generation.
2. **Intent Analysis**: A dedicated component that analyzes user input to determine intent, ensuring prompts align with user needs.
3. **Context Gathering**: This component collects and organizes context and requirements for effective prompt formulation.
4. **Feature Analysis**: A layer that evaluates features and workflows to enhance prompt generation accuracy.
5. **Execution Planning**: Generates actionable plans based on user input and analysis results.
6. **Validation Feedback**: Checks for inconsistencies and provides real-time feedback to improve user experience.

## 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 header with navigation, a central area for the Prompt Generator, and sections for each layer of functionality, all arranged for easy access and interaction.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS for responsive and utility-first design
- UI Components: shadcn/ui for pre-styled components
- State Management: Context API or Redux for global state management as needed

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and any necessary libraries (e.g., shadcn/ui).
3. **Create File Structure**: Use the provided file organization to set up the project.
4. **Develop Core Components**: Build each component (PromptGenerator, IntentLayer, etc.) with clear responsibilities.
5. **Implement Hooks**: Create `usePromptGenerator.js` to manage state and logic for prompt generation.
6. **Add Utility Functions**: Write functions in `promptUtils.js` for tasks like input validation and formatting.
7. **Incorporate Styling**: Apply Tailwind CSS classes to achieve the minimalist design and responsive layout.
8. **Testing**: Write unit tests for each component using Jest and React Testing Library, and ensure integration tests cover the overall prompt generation flow.
9. **Error Handling**: Implement error handling and user feedback mechanisms to enhance robustness.

## USER EXPERIENCE
Users will interact with the application primarily through the central PromptGenerator interface. They can input their queries, trigger intent analysis, and receive feedback on their prompts. Each layer will be visually distinct yet cohesive, guiding users through the prompt generation process while ensuring a smooth and engaging experience. The interface will prioritize clarity and ease of use, making it accessible for users at all levels.