Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a modern, minimalist sensitivity generator designed for mobile gamers. It guides users through a series of inputs to dynamically generate optimal sensitivity settings based on their device specifications and gameplay preferences. The app focuses on providing a clean and intuitive user experience, ensuring that each user receives personalized results.

## CORE FEATURES
1. **Welcome Screen**: A friendly introduction that leads users to start generating their sensitivity settings.
2. **Game Selection**: Users can choose from popular games like BGMI, Free Fire, and COD Mobile.
3. **Device Input**: A text input for users to enter their device name (e.g., Redmi Note 13 Pro, iPhone 13).
4. **RAM Selection**: Options for users to select their device's RAM from choices ranging from 2GB to 12GB+.
5. **Gameplay Style Options**: Users can specify their gameplay style (Rush, Balanced, Sniper, Support).
6. **Sensitivity Preference**: A selection of preference levels (Low, Medium, High).
7. **Dynamic Sensitivity Generation**: Based on the collected inputs, the app generates personalized sensitivity settings for various scopes and gameplay dynamics.
8. **Confirmation Screen**: Displays all selected details before generating sensitivity values for user review.

## 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 features a vertical flow with large, easy-to-tap buttons, card-style sections for input fields, and smooth transitions between screens.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React's Context API for managing user inputs and sensitivity calculations.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Components**: Develop separate components for each screen (Welcome, Game Selection, Device Input, RAM Selection, etc.).
3. **Implement State Management**: Utilize Context API to manage the state for user inputs across different screens.
4. **Design Layout**: Use Tailwind CSS to ensure the layout is responsive and adheres to the specified design guidelines.
5. **Dynamic Calculation**: Implement the algorithm to calculate sensitivity values based on user inputs, ensuring the logic accounts for device RAM, gameplay style, finger count, and preferences.
6. **Testing**: Conduct thorough testing to ensure that all components work seamlessly and the calculations are accurate.
7. **Deployment**: Prepare the app for deployment, ensuring it is optimized for performance and user experience.

## USER EXPERIENCE
The application provides a straightforward and engaging user experience. Users start with a welcome screen that smoothly transitions into the game selection. Each input screen features clear instructions and visually appealing cards that guide users in providing their information. Upon completion of inputs, users can review their selections on the confirmation screen before generating their personalized sensitivity settings. The app's design ensures that every interaction is quick and responsive, prioritizing user satisfaction.