Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is a Roblox-inspired platform where users can accumulate unlimited Robux, customize their avatars, purchase game passes, and transfer Robux to other users. It focuses on providing a fun and engaging experience, allowing users to feel rich in a virtual environment.

## CORE FEATURES
1. **Avatar Customization**: Users can change their avatars with a variety of options and accessories using Robux.
2. **Robux Management**: Users can view their total Robux balance and transaction history, providing a sense of wealth and control.
3. **Game Pass Purchasing**: Users can browse and purchase game passes to enhance their gameplay experience.
4. **Robux Transfers**: Users can send Robux to friends, fostering social interaction within the platform.
5. **User Accounts**: Secure user authentication that allows users to create accounts, login, and manage their profiles.
6. **Leaderboard**: Displays top users based on Robux balance, encouraging competition and engagement.

## 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: A single-page layout with a header for navigation, sections for avatar customization, Robux management, game pass purchasing, and user interactions, all designed to flow seamlessly for a smooth user experience.

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

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the main layout**: Build the overall layout structure with a header, footer, and main content area.
3. **Build user authentication**: Implement user registration and login features using context management for user state.
4. **Develop core features**:
   - **Avatar Customization**: Create a component for avatar options, allowing users to select different styles and accessories.
   - **Robux Management**: Implement a display for total Robux and transaction history.
   - **Game Pass Purchasing**: Set up a section for users to browse and purchase game passes.
   - **Robux Transfers**: Build a feature for users to send Robux to friends.
   - **Leaderboard**: Design a leaderboard component to showcase top users.
5. **Ensure responsive design**: Utilize Tailwind CSS to make the UI responsive across different devices.
6. **Test the application**: Conduct user testing to ensure all features work seamlessly and provide a smooth user experience.

## USER EXPERIENCE
Users should have an intuitive and engaging experience. Upon landing on the homepage, they can easily navigate to customize their avatar, manage their Robux, and purchase game passes. The application will feature smooth transitions and responsive design, ensuring that users can access all features easily on both desktop and mobile devices. Key flows include avatar customization, viewing Robux balance, and making Robux transfers, all designed to foster a sense of achievement and fun within the platform.