Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Roblox is a web application designed for users to create and share their own games within a social platform. The application enables users to build immersive experiences, connect with friends, and explore various user-generated content while maintaining a clean and minimalist interface that enhances the user experience.

## CORE FEATURES
1. **Game Creation Tool**: An intuitive interface that allows users to design and build their own games using simple drag-and-drop features and a variety of assets.
2. **Social Interaction**: Users can connect with friends, join groups, and communicate within the platform, fostering a community environment.
3. **Game Library**: A searchable library showcasing user-generated games, where users can discover new experiences, rate, and leave feedback.
4. **User Profiles**: Customizable profiles where users can display their creations, achievements, and in-game progress.
5. **Monetization Options**: Features that allow users to monetize their games through in-game purchases and advertising, providing opportunities for creators to earn.
6. **Tutorial and Support Center**: A dedicated section for tutorials, FAQs, and community support to help users navigate game development and platform features.

## 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 structure will feature a top navigation bar, a hero section for game creation, a grid layout for the game library, and clearly defined sections for user profiles and community interactions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API as needed for managing user sessions and game states.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Design Layout**: Create a responsive layout using Tailwind CSS, ensuring all components adhere to the minimalist design specifications.
3. **Develop Core Features**: 
   - Implement the Game Creation Tool using a combination of React components for drag-and-drop functionality.
   - Build the Game Library with a grid display, incorporating search and filter options.
   - Set up User Profiles and ensure they are dynamically generated based on user data.
4. **Integrate Social Features**: Use WebSockets or Firebase for real-time communication to enable social interactions.
5. **Implement Monetization Options**: Create a simple system for handling in-game purchases and integrating payment gateways.
6. **Create Support Center**: Develop a dedicated section for tutorials and community support, ensuring users have easy access to resources.

## USER EXPERIENCE
Key user interactions will include a seamless transition between creating games and exploring the game library, making it easy for users to share their creations. Users will have intuitive access to their profiles and community features, ensuring they can engage with friends and other developers effortlessly. The focus will be on minimal clicks to perform actions, providing a smooth and enjoyable experience throughout the platform.