Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
The "Asistente Normativo de Trámites Académicos – UNAL" is a web application designed to guide users through academic procedures at the Universidad Nacional de Colombia. This structured assistant operates based on the guidelines of Acuerdo 028 de 2024, ensuring compliance and providing users with formal, regulatory responses.

## CORE FEATURES
1. **Guided Input Flow**: Users are led through a structured input process without any free-text fields to ensure data consistency.
2. **Mandatory Fields**: Essential fields include full name, ID number, academic program, campus, type of procedure, academic period (2026-1 or 2026-2), and a short case description (max 500 characters).
3. **Causals Dropdown**: A closed dropdown list for causals based on the agreement, with options including financial delays, administrative errors, and certified medical situations.
4. **Validation Mechanism**: The application checks for consistency in the user’s input and provides immediate feedback for any discrepancies, preventing submission of invalid cases.
5. **Regulatory Analysis**: The assistant analyzes cases strictly according to the provided agreement, delivering a structured response that includes analysis, normative foundation, conclusion, and administrative recommendation.
6. **Draft Generation**: A feature to generate a formal PDF draft request, complete with institutional branding, automatic date, and user details.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, utilizing the institutional green of the Universidad Nacional de Colombia as an accent color.
- **Layout**: A single-column layout with clear sectioning for input fields, validations, and output responses, ensuring easy navigation and readability.
- **Typography**: Use a clean, sans-serif font for readability, with a clear hierarchy to distinguish headings, subheadings, and body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and clean aesthetics
- **UI Components**: Utilize shadcn/ui for a consistent and modern user interface
- **State Management**: Use React's built-in state management or Context API as needed for form handling.

## IMPLEMENTATION STEPS
1. **Setup Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Main Components**: Develop components for each section: form input, validation messages, and output display.
3. **Implement Form Logic**: Set up controlled components for form fields, ensuring proper state management and validation checks.
4. **Draft Generation Logic**: Create a function to compile user input into a formal PDF document using a library like `jspdf` or `pdfmake`.
5. **Feedback Mechanism**: Implement real-time validation feedback based on user inputs to guide them through the process.
6. **Styling Components**: Apply Tailwind CSS classes to ensure a cohesive minimalist design.

## USER EXPERIENCE
Users will be greeted with a welcoming interface that clearly outlines the necessary steps to complete their academic procedures. The guided input will prevent errors, and the validation messages will provide instant feedback. Once the user submits their information, they will receive a structured analysis and a PDF draft ready for submission, ensuring a professional and streamlined experience.
```