Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is an interactive home automation control panel designed for tablets, allowing users to manage their grid-connect devices based on the Tuya system. It will serve both as a mounted wall panel and a portable solution, featuring customizable interfaces and self-guided help sections to simplify complex automation setups.

## CORE FEATURES
1. **Device Management**: Allow users to add, remove, and control various devices connected through the Tuya system, providing a straightforward interface for device interaction.
2. **Automation Setup Guide**: A dedicated section that provides step-by-step guides for setting up automations tailored to the devices connected, helping users understand the process without confusion.
3. **Customizable Dashboard**: Users can personalize their control panel layout, selecting which devices to display and how to arrange them for quick access.
4. **Help & Support Sections**: Contextual help that offers tips, best practices, and troubleshooting advice directly within the app, ensuring users have support at their fingertips.
5. **Real-Time Status Updates**: Display the current status of connected devices in real-time, providing instant feedback on automation actions and device states.
6. **User Authentication**: Secure access to the app with user accounts, ensuring personalized settings and configurations are saved for each user.

## 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 should include a sidebar for navigation, a central dashboard area for device controls and status updates, and a footer for help and support links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for consistent and modern UI elements.
- **State Management**: Redux or Context API to manage the state of devices and user settings.

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project with TypeScript, and install Tailwind CSS and shadcn/ui.
2. **Create Core Components**: Develop reusable components for the dashboard, device cards, navigation sidebar, and automation guide.
3. **Implement Routing**: Use React Router to manage navigation between the dashboard, automation guide, and settings sections.
4. **Integrate Device Management**: Connect the app to the Tuya API to fetch and control connected devices, ensuring proper state management.
5. **Build the Automation Setup Guide**: Create a dynamic guide that adjusts based on the devices connected, offering tailored instructions for each automation.
6. **Add User Authentication**: Implement user authentication flows to manage user sessions and save personal settings.
7. **Test User Experience**: Conduct usability testing to refine the interface and ensure the help and support sections effectively assist users.

## USER EXPERIENCE
Users will interact with a clean, intuitive interface where they can easily navigate through their connected devices. The dashboard will display device status updates in real-time, while the sidebar will provide access to the automation setup guide and help sections. Users will appreciate the contextual assistance offered, making the process of setting up automations straightforward and less intimidating. The customizable layout will empower users to tailor their experience based on their preferences and needs, enhancing engagement and satisfaction.