Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to replicate the functionalities of Roblox Studio, allowing users to create and manage their own games in a collaborative environment. This application will provide a user-friendly interface that focuses on game design, scripting, and asset management.

## CORE FEATURES
1. **Game Creation Tool**: A robust editor that allows users to create interactive environments with customizable assets and scripting capabilities.
2. **Asset Library**: A comprehensive library where users can upload, manage, and utilize various game assets including 3D models, textures, and scripts.
3. **Collaboration Features**: Real-time collaboration tools for multiple users to work on the same project simultaneously, including chat and version control.
4. **Scripting Interface**: An integrated scripting environment that supports common programming languages used in game development, enabling users to add functionality to their games.
5. **Testing Environment**: A sandbox feature that allows users to test their games in a simulated environment before publishing.
6. **Publishing Tools**: Options for users to publish their games, manage permissions, and share them with the community.

## 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 sidebar for navigation, a top bar for tools and settings, and a central editing area for the game creation process.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API, depending on the complexity of the state management needs

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project with TypeScript, install Tailwind CSS, and set up shadcn/ui for UI components.
2. **Create the Main Layout**: Develop a responsive layout with a sidebar for navigation, a top bar for tool selections, and a central workspace area using Tailwind CSS.
3. **Implement Core Features**:
   - Build the Game Creation Tool and integrate the Asset Library.
   - Develop the Scripting Interface with code editor capabilities.
   - Set up Collaboration Features with real-time updates using WebSockets.
   - Create the Testing Environment to simulate game performance.
   - Implement Publishing Tools with user permissions.
4. **Design UI Components**: Use Inter font for all text elements, apply the primary color for accent elements, and ensure buttons and cards have an 8px border radius.
5. **Optimize for User Experience**: Ensure all features are intuitive and provide clear user feedback. Implement responsive design principles to accommodate different screen sizes.
6. **Testing and Deployment**: Conduct thorough testing for bugs and user experience issues before deploying the application to a live environment.

## USER EXPERIENCE
Users will interact with a clean and intuitive interface that guides them through the game creation process. Key interactions will include dragging and dropping assets into the workspace, using a toolbar for scripting and editing, and inviting collaborators to join their projects. The application will prioritize ease of use, ensuring that even novice users can create and publish their games effectively.