Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to replicate the Roblox experience, specifically focusing on the Zlarp platform. The application will feature a user interface that closely resembles Roblox, providing users with an immersive environment to manage their avatars, purchase Robux, and access various gaming features, including an avatar editor.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system allowing users to create accounts, manage profiles, and access personalized experiences.
2. **Robux Management**: A dedicated section for users to purchase Robux, view their balance, and track transactions.
3. **Avatar Editor**: A comprehensive tool for users to customize their avatars with various clothing items, accessories, and skins.
4. **Game Library**: A feature to browse and launch games available on the Zlarp platform, similar to Roblox's game catalog.
5. **Social Features**: Options for users to add friends, join groups, and communicate through messages or chat.
6. **Settings and Profile Management**: Allow users to update their personal information, privacy settings, and preferences.

## 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 sidebar for navigation links, and a main content area that dynamically updates based on user interaction. Key sections will include the homepage, avatar editor, and Robux management.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing global application state (optional, based on complexity)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies, including Tailwind CSS and Redux.
2. **Create Authentication Flow**: Develop user authentication features including signup, login, and session management.
3. **Build Core Features**: Implement the Robux management system, avatar editor, and game library using React components.
4. **Add Social Features**: Integrate features for adding friends, group functionalities, and messaging systems.
5. **Design UI Components**: Use Tailwind CSS to style components according to the design specifications, ensuring responsiveness across devices.
6. **Testing and Debugging**: Conduct thorough testing to ensure all features function correctly and provide a seamless user experience.

## USER EXPERIENCE
Users will start by visiting a welcoming homepage with a clear call to action to either log in or register. After authentication, users will be directed to a dashboard where they can manage their avatars, purchase Robux, and access games. The avatar editor will feature an intuitive interface allowing easy customization. Throughout the application, users will have access to social features to enhance community interaction, all while maintaining a clean and minimalist design.