Lovable Prompt Creator - AI Prompt Generator

```markdown
# PROJECT DEFINITION
Build a web application called "robuxsendpanelbrain" that enables users to manage and transfer Robux through a streamlined and user-friendly interface. The application will allow users to send and receive Robux, track transactions, and manage their account details, ensuring a smooth user experience.

# DESIGN REQUIREMENTS
- 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

# TECH STACK & CONSTRAINTS
- Language: TypeScript
- Framework: React
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Redux
- Constraints: Ensure the application is responsive and user-friendly across devices.

# BREAKDOWN INTO TASKS
1. Set up the React application using Create React App with TypeScript.
2. Install Tailwind CSS and configure it for styling.
3. Implement the Authentication feature with user login and registration forms.
4. Create the Robux Transfer interface, including input fields and a button for sending Robux.
5. Develop the Account Dashboard to display user balances and transaction history.
6. Add Notifications for transaction updates using a component that displays messages.
7. Build the Support Center with a FAQ section and contact form.
8. Design User Settings for managing account preferences and security features.
9. Test the application for responsiveness and user experience across devices.

# IMPLEMENTATION GUIDANCE
1. **Set up React App**: Use `npx create-react-app robuxsendpanelbrain --template typescript` to initialize the project.
2. **Tailwind CSS Installation**: Follow the [Tailwind CSS documentation](https://tailwindcss.com/docs/guides/create-react-app) to set up and configure Tailwind with React.
3. **User Authentication**: Create components for login and registration, utilizing form handling and validation.
4. **Robux Transfer Interface**: Design a simple form with inputs for recipient and amount, plus a send button, styled with Tailwind CSS.
5. **Account Dashboard**: Use state management with Redux to fetch and display user balances and transaction history.
6. **Notifications Component**: Implement a notification system that triggers updates based on transaction status.
7. **Support Center**: Develop a FAQ section and a contact form to assist users with common questions.
8. **User Settings Component**: Create a settings page for users to modify account preferences securely.
9. **Testing**: Use tools like Jest and React Testing Library to ensure all components function correctly.

# ITERATION STRATEGY
After completing each feature, review the implementation and gather feedback. Make adjustments based on user experience testing and improve component designs as needed.

# TESTING & VALIDATION
To validate the implementation, ensure that:
- All features function as intended across different devices and screen sizes.
- User authentication is secure and error-handling is robust.
- The application maintains a responsive design and adheres to the specified visual style.
- Conduct usability tests with real users to identify any areas for improvement.
```