Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is a casual game where players can earn coins and purchase cosmetic upgrades to enhance their gaming experience. The goal is to provide a vibrant and engaging environment that evolves visually as players progress, while allowing them to customize their gameplay with unique graphics and animations.

## CORE FEATURES
1. **Coin Earning System**: Players accumulate coins through gameplay, which can be used to purchase cosmetic upgrades.
2. **Cosmetic Store**: An in-game store that allows players to purchase various graphics and animations tied to their streaks, enhancing the visual experience.
3. **Dynamic Graphics**: As players achieve higher streaks, the graphics become increasingly vibrant and "crazy", providing visual rewards for progress.
4. **Streak Animation Purchases**: Players can buy specific animations for achieving streaks (e.g., 5-streak, 10-streak), with unique designs and effects for each level.
5. **Progression System**: A system that tracks player achievements and rewards them with new graphics, encouraging continuous gameplay.
6. **User-Friendly Interface**: A simple and intuitive interface that allows for easy navigation and interaction with game features.

## 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 game area for displaying the current game state, and a sidebar for the cosmetic store, with sections for streak animations and player progress.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for modular and reusable components.
- **State Management**: React's Context API or Zustand for managing game state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Game Layout**: Build the main layout structure with a navigation bar, game display area, and sidebar for the store.
3. **Implement Coin Earning Logic**: Create a function to track and update the coins based on player actions.
4. **Develop Cosmetic Store**: Design the store interface and integrate purchasing functionality, allowing players to buy animations and graphics.
5. **Dynamic Graphics System**: Implement a system that updates the game visuals based on player streaks, using animations and transitions.
6. **User Interface Enhancements**: Ensure that all buttons and cards have the specified border radius and utilize the primary color for actions.
7. **Testing**: Conduct thorough testing to ensure all features work as intended and the user experience is smooth.

## USER EXPERIENCE
Players will start with a clean interface where they can easily see their current coin balance and streaks. As they play, they will be able to access the cosmetic store to enhance their experience with vibrant animations. The dynamic graphics system will provide positive feedback as players progress, with increasing visual complexity. The minimalist design ensures that players can focus on gameplay without distractions, making for an enjoyable experience.