Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to execute scripts directly via HTTP requests. It focuses on providing a clean and streamlined interface for users to interact with and execute script content efficiently. The application will prioritize user experience, simplicity, and responsive design.

## CORE FEATURES
1. **Script Execution**: Allows users to input or select scripts from a predefined list and execute them directly.
2. **User Authentication**: Enables secure user login and registration for personalized experiences.
3. **Script Library**: A repository of commonly used scripts that users can access and execute.
4. **Execution History**: Displays a log of previously executed scripts for user reference.
5. **Settings Panel**: Allows users to customize their experience, including script preferences and account settings.

## 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 script execution and library, and a footer with contact information. The execution area will include an input field for scripts and a button to execute them, while the library will display a list of available scripts.

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

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any other required libraries.
3. **Create Components**: Build the main components including Header, ScriptInput, ScriptLibrary, ExecutionHistory, and SettingsPanel.
4. **Implement Routing**: Set up React Router for navigation between different sections of the app.
5. **User Authentication**: Integrate authentication functionality using Firebase or Auth0.
6. **Script Execution Logic**: Develop the functionality to execute scripts and handle responses securely.
7. **Styling**: Apply Tailwind CSS classes to achieve the minimalist design as outlined in the design specifications.
8. **Testing**: Conduct testing for all functionalities to ensure a smooth user experience.
9. **Deployment**: Deploy the application using Vercel or Netlify for a live demonstration.

## USER EXPERIENCE
Users will land on a clean and minimal interface where they can easily log in or navigate to the script execution area. They can input scripts directly or select from the library. Upon executing a script, feedback will be provided in real-time, along with the option to view their execution history and access the settings panel for additional customizations. The responsive design will ensure a seamless experience across devices.