Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
ChromaCatch is a web app designed as a 'Digital Sticker Album' that allows users to capture and catalog colors from the real world. Leveraging AI technology, users can upload photos, and the app will analyze and name the dominant colors based on cultural references, creating a unique and engaging experience.

## CORE FEATURES
1. **Photo Capture**: Users can upload images from their device, triggering the AI to analyze the photo and extract the dominant color along with a culturally relevant name.
  
2. **Color Cards**: Each captured color is displayed in a collector's card format, featuring the original photo, a solid color block, the HEX code, and a cultural name for the color. 

3. **Rarity Badge**: Each color card displays a rarity badge (Common, Rare, Legendary) based on the color's saturation, enhancing the collectible aspect of the app.

4. **Global Palette Progress**: A progress bar at the top of the screen tracks the user's color collection, labeled 'Your Global Palette', encouraging engagement and completion.

5. **Color Families**: Colors are grouped into families (Reds, Blues, Greens) to help users visualize their collection and easily navigate through their achievements.

6. **Achievement System**: Users receive trophies or medals (like 'Crimson Master') when they complete specific color family collections, adding gamification elements to the experience.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with a focus on usability, employing ample white space to enhance readability and interaction.
- **Color Mode**: Light theme with dark text on light backgrounds for optimal readability and user comfort.
- **Layout**: The main screen features a Masonry-style gallery reminiscent of Pinterest, where each color card is displayed in a visually appealing grid layout. A large, floating action button (FAB) for photo capture is centered at the bottom.
- **Typography**: Use a modern sans-serif font like 'Inter' for body text, with larger, bolder variations for headings. Ensure a clear visual hierarchy with appropriate line spacing and font sizes.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for rapid UI development and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Use React's Context API or Zustand for managing global state as necessary.

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Design the Layout**: Implement the Masonry-style gallery layout using CSS Grid or Flexbox, ensuring responsiveness on mobile devices.
3. **Create Photo Upload Feature**: Develop the functionality to upload images, integrating AI analysis to extract color data.
4. **Build Color Card Component**: Design and implement the color card component, ensuring it displays the photo, color block, HEX code, and cultural name along with the rarity badge.
5. **Implement Global Palette**: Create a progress bar at the top of the screen that updates as users capture new colors, and add the grouping functionality for color families.
6. **Add Achievement System**: Develop the logic to track user achievements and display appropriate trophies or medals when collections are completed.

## USER EXPERIENCE
Users will experience a smooth and intuitive interface that encourages exploration and collection. The photo upload process will be seamless, with immediate feedback when a color is analyzed. The gallery will provide a visually appealing representation of their collected colors, and the rarity badges will entice users to capture more colors. Notifications for unlocked achievements will enhance user engagement, making ChromaCatch a fun and rewarding experience.
```