Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
NIsland is a dynamic island application designed for Android 15, aimed at replicating the iOS dynamic island feature. The app will provide users with an elegant and simple interface that allows for customizable variables such as height, width, and coordinates. This application will focus on delivering a seamless user experience while maintaining a minimalist aesthetic.

## CORE FEATURES
1. **Dynamic Island Display**: A fully responsive dynamic island that mimics iOS functionality, allowing users to view notifications, music controls, and other interactive elements.
2. **Customizable Settings**: Users can adjust the height, width, and position of the dynamic island to fit their preferences.
3. **Notification Integration**: Seamless integration with Android notifications to display alerts and updates within the dynamic island.
4. **Interactive Controls**: Allow users to control music playback and other applications directly from the dynamic island.
5. **User Preferences**: Save user preferences for the dynamic island's appearance and behavior.
6. **Lightweight Performance**: Optimized for smooth performance on Android devices, ensuring minimal battery consumption and resource usage.

## 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 top navigation bar, a central interactive area for the dynamic island, and a settings panel for user customization.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create UI Components**: Develop reusable components for the dynamic island, including buttons, notifications, and user settings.
4. **Implement Dynamic Island Logic**: Code the functionality for displaying notifications and interactive controls within the dynamic island.
5. **Add Customization Options**: Create a settings panel that allows users to adjust the dynamic island's properties.
6. **Optimize Performance**: Ensure the app is lightweight and responsive, testing on various Android devices for compatibility.

## USER EXPERIENCE
Users will interact with the NIsland app by tapping on the dynamic island to expand or collapse it, view notifications, or control music playback. The settings panel will allow users to customize their experience easily, enhancing usability. The design will ensure that all interactions are intuitive, maintaining a focus on simplicity and elegance throughout the app.