Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist web application designed to load and execute a Lua script from a specified URL. Its main purpose is to provide users with a clean interface to manage and utilize the functionality of the loaded script efficiently.

## CORE FEATURES
1. **Script Loading**: Users can input or select a URL to load a Lua script. The application fetches the script and prepares it for execution.
2. **Execution Button**: A prominent button allows users to execute the loaded script directly within the application.
3. **Output Display**: A dedicated area to display console outputs or errors from the executed script, enhancing user feedback.
4. **User Settings**: Options to customize the application settings, such as script URLs and preferences for execution behavior.
5. **Documentation Link**: A section providing links to relevant documentation for users to understand how to utilize the application effectively.
6. **Contact Support**: A simple form for users to submit inquiries or issues they face while using the application.

## 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 consist of a top navigation bar, a central content area for script interaction, and a footer with contact and documentation links.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any state management libraries required.
3. **Create Basic Layout**: Build the layout structure using Tailwind CSS classes for responsiveness and styling.
4. **Implement Script Loading Functionality**: Create components for inputting the script URL and handling the fetch operation.
5. **Add Execution Logic**: Write the logic to execute the script and display outputs in the dedicated area.
6. **User Settings Component**: Develop a settings component that allows users to save their preferences.
7. **Add Documentation and Contact Links**: Include a footer with useful links for user support and documentation.
8. **Test Responsiveness**: Ensure the application is responsive and works well on various devices.

## USER EXPERIENCE
Users will be welcomed by a clean interface where they can easily input a script URL. The execution button is prominently displayed for quick access, and outputs from the script will be shown in real-time. The settings allow users to tailor their experience, while the footer provides easy access to documentation and support, ensuring a seamless user journey.