Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application will serve as a comprehensive character creator and tracker for Dungeons and Dragons (DND) players. Users will be able to create detailed characters, manage their character information, and access a digital library of DND books in PDF format. The app will also feature functionality for users to upload their PDF books, which will be scanned and organized for easy access.

## CORE FEATURES
1. **Character Creation Tool**: An intuitive interface that allows users to create and customize their DND characters with various attributes, skills, and backgrounds.
2. **Character Tracker**: A dashboard displaying all created characters, enabling users to view, edit, and manage character details seamlessly.
3. **PDF Library**: A built-in library where users can upload their DND books in PDF format; the app will scan and organize the contents for easy browsing.
4. **Content Update Mechanism**: Functionality for users to feed in new PDFs or content, which will automatically update the database with the latest information.
5. **Integration with 5etools Source Code**: Utilization of 5etools' source code as a base for character data and mechanics, enhancing the application’s depth and usability.

## 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 layout will feature a top navigation bar for easy access to different sections, a hero section showcasing the app's purpose, followed by a grid layout for character management and PDF library access.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use Context API or Redux for managing character data and user sessions.

## IMPLEMENTATION STEPS
1. **Set up React App**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create Project Structure**: Organize the project into components, pages, and services for better maintainability.
3. **Develop Character Creation Tool**: Build forms and UI components that allow users to input character details.
4. **Implement Character Tracker Dashboard**: Develop a dashboard that lists all characters with options to view/edit each character.
5. **Create PDF Library Module**: Implement functionality for uploading PDFs, including scanning and organizing content.
6. **Integrate 5etools Source Code**: Incorporate 5etools data into the app, ensuring it syncs with the character creation tool.
7. **Test and Optimize**: Thoroughly test the application for bugs and optimize for performance and user experience.

## USER EXPERIENCE
Users will start at a welcoming hero section that clearly explains the application’s purpose. They will be able to seamlessly navigate to the character creation tool, where they can input their character's attributes. The character tracker will allow users to manage their characters effectively. Users can also upload their DND books to the PDF library, where they can easily browse and access the content. The application will ensure smooth interactions with minimal loading times, providing a pleasant and efficient user experience.