Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to allow users to download images from a specified URL by selecting from a thumbnail view. Users can easily browse through the images presented in a clean and minimalist interface, choosing which ones to download based on their preferences.

## CORE FEATURES
1. **Image URL Input**: A field where users can input the URL from which images will be downloaded.
2. **Thumbnail Gallery**: Displays downloaded images as thumbnails for users to browse and select.
3. **Selection Tool**: Users can select multiple images to download, with visual feedback on selected items.
4. **Download Functionality**: A button that initiates the download process for the selected images.
5. **Responsive Design**: Ensures that the app is usable on both desktop and mobile devices, adapting the layout accordingly.

## 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: A single-page layout with a header for input, a central thumbnail gallery, and a footer for download actions, maintaining ample white space between elements for clarity.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context API or Zustand for managing selected images

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**:
   - **Header Component**: For the image URL input field and submit button.
   - **ThumbnailGallery Component**: To fetch and display images as thumbnails based on the provided URL.
   - **ImageItem Component**: Represents each image thumbnail and includes selection functionality.
3. **Implement State Management**: Use Context API or Zustand to manage the state of selected images and handle downloads.
4. **Add Download Logic**: Create a function that compiles selected images and triggers downloads when the user clicks the download button.
5. **Style Components**: Apply Tailwind CSS for styling, ensuring adherence to the minimalist visual style and specified design specifications.
6. **Test Responsiveness**: Ensure that the app is responsive and functions well on various screen sizes.

## USER EXPERIENCE
Users will first enter an image URL into the input field at the top of the app. Upon submission, the app will fetch the images and display them in a grid format as thumbnails in the central area. Users can click on thumbnails to select or deselect images, and their selections will be visually indicated. Once satisfied with their selection, users can click the download button to retrieve their chosen images, creating a seamless and intuitive experience. The minimalist design ensures that users can focus on the task at hand without distractions.