Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to create and manage a "starbaron skirmish" game. The application will allow users to engage in skirmishes, track progress, and explore new content. The focus will be on providing a clean, user-friendly interface that enhances the gaming experience.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system for users to create and manage their profiles.
2. **Skirmish Management**: Users can create, customize, and manage their own skirmishes, including setting rules, maps, and objectives.
3. **Content Library**: A repository of new content, including characters, weapons, and strategies that users can unlock and use in their skirmishes.
4. **Leaderboard**: Track and display user rankings based on their performance in skirmishes, fostering friendly competition.
5. **Community Forum**: An integrated forum for users to discuss strategies, share tips, and provide feedback on new content.
6. **Responsive Design**: A fully responsive layout that ensures usability across devices, from desktops to mobile phones.

## 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 top navigation bar, a central content area for skirmish management, and side panels for additional features like the leaderboard and content library.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React Context API for state management where necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Authentication Module**: Implement user authentication using a secure method (e.g., Firebase or Auth0).
3. **Develop Skirmish Management**: Build the interface for creating and managing skirmishes, including forms for inputting skirmish details.
4. **Content Library Integration**: Set up a database (e.g., Firestore or a REST API) to store and retrieve new content for users.
5. **Leaderboard Feature**: Implement a leaderboard that fetches user scores and displays them in a user-friendly format.
6. **Community Forum Setup**: Create a simple forum using a third-party service or build a custom solution for users to interact.
7. **Responsive Design**: Ensure all components are responsive using Tailwind CSS utilities to provide a seamless experience on all devices.

## USER EXPERIENCE
The application will provide an intuitive user interface where users can easily navigate between different sections, create and manage skirmishes, and explore new content. Key flows include the onboarding process for new users, skirmish creation with guided steps, and accessing community discussions. The minimalist design will ensure that users can focus on gameplay without distractions, while responsive elements will cater to users on all devices.