Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application focused on generating and showcasing 2D sandbox character sprite sheets, inspired by the design of Growtopia. The primary purpose is to provide users with a platform to view and interact with sprite animations, highlighting movements such as jumping, landing, and breaking, while maintaining a clean, minimalist aesthetic.

## CORE FEATURES
1. **Sprite Animation Viewer**: Users can view the different character animations, including jump, land, and break animations in a smooth, interactive display.
2. **Sprite Sheet Generation**: A tool for users to upload their designs and generate a sprite sheet based on their animations.
3. **Downloadable Assets**: Users can download the sprite sheets in various formats for use in their own projects.
4. **User Gallery**: A section where users can showcase their sprite sheets and animations, allowing for community engagement and inspiration.
5. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across devices, from desktops to mobile screens.
6. **Feedback System**: Users can leave comments or feedback on each sprite sheet, promoting interaction and improvement.

## 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 header for navigation, a hero section for introducing the application, a features section, a gallery showcase, and a footer for contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API (as needed for managing user data and sprite sheets).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Basic Components**: Develop the main components including Header, Hero, Features, Gallery, and Footer.
3. **Implement Sprite Animation Viewer**: Use canvas or SVG to render sprite animations dynamically.
4. **Build Sprite Sheet Generator**: Create a form for users to upload their character designs and generate sprite sheets.
5. **Develop User Gallery**: Create a component to display user-uploaded sprite sheets along with feedback options.
6. **Ensure Responsiveness**: Use Tailwind CSS utilities to ensure all components are responsive across different screen sizes.
7. **Testing**: Conduct thorough testing on various devices and browsers to ensure functionality and performance.

## USER EXPERIENCE
Key user interactions will include the ability to easily navigate through the application, view animations seamlessly, upload and generate sprite sheets with simple forms, and engage with the community through the gallery and feedback system. The minimalist design will enhance the overall user experience by allowing users to focus on the content without distraction, while responsive design will ensure accessibility on any device.