Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed for Instituto Saber+, aiming to assist the Atención a Postulantes team in responding to inquiries more efficiently. Leveraging Lovable AI, it classifies incoming queries and provides suggested responses, streamlining the communication process with prospective students.

## CORE FEATURES
1. **Query Classification**: Upon submission, user inquiries are categorized into one of nine predefined categories, allowing for organized handling of requests.
2. **Priority Designation**: Each query is assigned a priority level (High, Medium, Low) based on urgency, helping staff prioritize their responses effectively.
3. **Suggested Responses**: The AI generates a draft response for each query, which users can easily review and edit before sending.
4. **Statistical Dashboard**: A separate statistics screen that visualizes the number of processed inquiries, categorized by type and priority, along with the ratio of queries requiring further human intervention.
5. **Data Storage**: All processed queries are logged in a database for future reference, ensuring that insights can be gathered over time.
6. **User-Friendly Interface**: The interface is designed for ease of use, featuring intuitive buttons and clear labels to guide users through the process.

## 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 for easy access to different sections, a large input area for user queries, and clearly defined sections for results and statistics.

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

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript and install necessary dependencies, including Tailwind CSS and shadcn/ui.
2. **Create Core Components**: Develop the main components, including the query input area, result display, and statistics dashboard.
3. **Integrate Lovable AI**: Implement the AI classification feature, ensuring it processes user input according to the specified categories and generates draft responses.
4. **Database Setup**: Configure the Lovable Cloud database to store processed query metadata, including timestamps, categories, and priority levels.
5. **Build the Statistics Dashboard**: Create a dynamic dashboard that pulls data from the database and presents it visually (e.g., bar charts, pie charts).
6. **Styling and Responsiveness**: Apply Tailwind CSS for styling the components, ensuring that the design remains consistent with the minimalist aesthetic and is responsive across devices.
7. **Testing and Iteration**: Conduct thorough testing to ensure all features work as intended, making adjustments based on user feedback and performance analysis.

## USER EXPERIENCE
The user experience focuses on simplicity and efficiency. Users will interact with a clean interface, where they can easily input queries and receive categorized responses. The draft response feature allows for quick adjustments, and the statistics dashboard provides valuable insights at a glance, enhancing decision-making for the Atención a Postulantes team. The overall flow is designed to minimize friction, making it easy for users to manage incoming inquiries efficiently.

---

This prompt is ready to be copied and pasted into Lovable for the development of the web application for Instituto Saber+.