Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application that simulates a Roblox-like experience where users can enter their username and see their character displayed, giving the illusion of earning Robux. The application will focus on user engagement and provide a visually appealing, straightforward user interface.

## CORE FEATURES
1. **User Input**: A simple form where users can enter their Roblox username to generate their character display.
2. **Character Display**: A dynamic character model that represents the user's Roblox avatar based on the entered username.
3. **Robux Simulation**: An engaging animation or message that simulates earning Robux after entering their username.
4. **Share Feature**: Options for users to share their results on social media platforms.
5. **Responsive Design**: The application will be optimized for both desktop and mobile devices, ensuring a seamless experience across devices.

## 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 hero section at the top with the user input form, followed by the character display section and a share feature. Each section will be distinct yet cohesive, utilizing ample white space to enhance readability and interaction.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React's built-in state management or Context API as needed.

## IMPLEMENTATION STEPS
1. **Set up the React project** using Create React App with TypeScript.
2. **Install Tailwind CSS** and configure it for styling.
3. **Create the main components**: 
   - A `Header` component for the title and description.
   - An `InputForm` component for user input.
   - A `CharacterDisplay` component to show the user's avatar.
   - A `ShareButton` component for social media sharing.
4. **Implement state management** to handle user input and the display of the character.
5. **Style the components** using Tailwind CSS, ensuring adherence to the design specifications.
6. **Integrate animations** for the Robux simulation feature to enhance user engagement.
7. **Test the application** across different devices to ensure responsiveness and user experience.

## USER EXPERIENCE
Users will land on a clean, minimalist interface where they can easily enter their Roblox username in a prominently placed input field. Upon submission, their character will be displayed, and a fun animation will indicate the simulation of earning Robux. Users will have the option to share their results with friends, encouraging engagement and interaction. The overall experience will be smooth, with responsive design ensuring usability on both mobile and desktop platforms.