Lovable Prompt Creator - AI Prompt Generator

**bold text**## APPLICATION OVERVIEW
This project aims to develop a web application that enhances user interaction in a Roblox environment, featuring various control options and a user-friendly interface. The application will provide both PC and mobile functionalities, allowing users to control movement, execute commands, and access enhanced features while maintaining an engaging experience.

## CORE FEATURES
1. **Enhanced Mobile Buttons**: Revamped mobile buttons for a more substantial appearance and improved user interaction.
2. **Motion Control Tab**: A dedicated "Motion" tab on both mobile and PC, featuring options like "Fly On/Off" and "Fly Power".
3. **Action Buttons**: Buttons for "Everyone Grab/Execute," "Everyone Grab + Rope," with separate power settings and quick-action functionalities.
4. **Snow Globe Feature**: A "Snow Globe" button on both platforms, with toggle functionality and automatic off when specific keys are pressed.
5. **Target Selection**: A tab for selecting targets with options to save and execute actions rapidly, including a "Stop" button.
6. **Friend Projection**: A "friends ignored" tab that ensures in-game actions do not affect friends.

## 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 layout will be organized in a tabbed interface for easy navigation, with each feature clearly separated and accessible via a bottom navigation bar on mobile and a sidebar on PC.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use Context API or Redux as needed for state management across components.

## IMPLEMENTATION STEPS
1. **Set up the React Project**: Initialize the project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any other necessary libraries.
3. **Design the Layout**: Create a responsive layout using Tailwind CSS, incorporating the specified design guidelines.
4. **Develop Core Features**:
   - Implement the Motion Control Tab with buttons for flying and power settings.
   - Create the Action Buttons with functionality for "Grab" and "Rope" with power adjustments.
   - Bu**ild the Snow Globe feature with toggle functionalities.
   - Develop the Target Selection feature with save and execute functionalities.
   - Implement the **Friend Projection logic to ignore actions on friends.
5. **Testing**: Conduct thorough testing on both mobile and PC to ensure all features work as intended and that the user experience is smooth.
6. **Deployment**: Deploy the application using a suitable platform like Vercel or Netlify.

## USER EXPERIENCE
Users will navigate through an intuitive interface with clearly labeled tabs for various functionalities. The design will ensure that all buttons and controls are easily accessible, with responsive design for both PC and mobile. Key interactions, such as toggling features or selecting targets, will have immediate visual feedback, enhancing the overall engagement within the application.