Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application that functions as an AI studio inspired by games like Clash Royale. It aims to provide users with an engaging platform where they can create, customize, and share their own AI-driven game experiences. The app will focus on a clean and intuitive user interface to enhance user interaction and enjoyment.

## CORE FEATURES
1. **User Registration & Authentication**: Allow users to create accounts, log in, and manage their profiles securely.
2. **AI Studio Creation Tool**: Provide a user-friendly interface where users can design their own game characters and strategies using AI algorithms.
3. **Game Simulation**: Enable users to test their created characters in simulated battles against others to evaluate performance.
4. **Community Sharing**: Facilitate a platform where users can share their creations with others and receive feedback.
5. **Leaderboard System**: Implement a competitive feature that ranks users based on the performance of their creations in simulated battles.
6. **In-App Tutorials**: Offer guided tutorials that help new users understand how to utilize the AI studio effectively.

## 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 feature a header for navigation, a central content area for the AI studio tools, and a sidebar for user interactions and community features. Footer for additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for complex state management)

## IMPLEMENTATION STEPS
1. Set up a new React project with TypeScript and install Tailwind CSS for styling.
2. Create a basic folder structure for components, pages, and styles.
3. Develop the authentication module using a backend service to manage user accounts.
4. Implement the AI studio creation tool with interactive components for designing characters.
5. Build the game simulation feature that allows users to test their creations.
6. Establish community features for sharing and integrating feedback from other users.
7. Create a leaderboard system to display user rankings based on simulation results.
8. Add in-app tutorials that guide users through the main features of the application.

## USER EXPERIENCE
The application will prioritize user experience by enabling smooth navigation through intuitive menus and clear call-to-action buttons. Users will be able to create and customize their AI characters easily with a simple drag-and-drop interface. The simulation results will be displayed in an engaging manner, encouraging users to tweak their designs based on performance. Community sharing will foster a sense of collaboration and competition among users, making the experience interactive and enjoyable.