Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project will be a web application that provides users with a streamlined interface for executing scripts securely. The main purpose is to allow users to load and execute scripts hosted on external platforms, focusing on simplicity and efficiency within a minimalist design.

## CORE FEATURES
1. **Script Execution**: Users can input or select scripts to execute, with a clear and intuitive button for running scripts.
2. **Script Library**: A section where users can browse and manage a collection of pre-defined scripts for easy access.
3. **User Authentication**: Secure user login and registration system to manage user profiles and script history.
4. **Execution Logs**: Display logs of executed scripts, including timestamps and any output generated, to keep users informed of their activity.
5. **Settings Page**: Users can customize their preferences, including script settings and notification options.

## 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, a hero section with a call to action, followed by the script execution area, script library, and logs displayed in a clean and organized manner.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Develop the main layout, including the navigation bar, hero section, and main content area.
3. **User Authentication**: Implement user authentication with forms for login and registration using Firebase or another authentication service.
4. **Script Execution Functionality**: Build the script execution component that allows users to input or select scripts and execute them.
5. **Script Library**: Design and implement the script library feature, allowing users to add, edit, or remove scripts.
6. **Execution Logs**: Create a component to display logs of executed scripts with timestamps and any output.
7. **Settings Page**: Implement a settings page for user preferences and notifications.
8. **Testing and Deployment**: Conduct thorough testing of all features and deploy the application using Vercel or Netlify.

## USER EXPERIENCE
Users will interact with the application through a straightforward interface. Upon logging in, they are welcomed with a clean hero section that prompts them to execute scripts. The navigation bar will provide easy access to the script library and settings. Users can execute scripts with a single click, view their execution logs in real-time, and manage their scripts seamlessly. The overall experience focuses on simplicity and efficiency, ensuring users can complete their tasks with minimal distractions.