Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as an Excel extension that enhances productivity for users by providing tools to streamline tasks and improve efficiency in working with Excel. The application aims to empower all users, from beginners to advanced, to become proficient in Excel through intuitive features and helpful functionalities.

## CORE FEATURES
1. **Smart Functions**: Offers a library of pre-built functions that simplify complex calculations and automate repetitive tasks within Excel.
2. **Data Visualization Tools**: Provides easy-to-use tools for creating charts and graphs that help users analyze data more effectively.
3. **Template Library**: A collection of customizable templates for common business scenarios, allowing users to save time and improve their Excel documents.
4. **Collaboration Features**: Enables multiple users to work on the same Excel file in real-time, with features like comments, version history, and task assignments.
5. **Interactive Tutorials**: Step-by-step guides and video tutorials that help users learn new Excel skills and features directly within the application.
6. **Performance Analytics**: Tracks user activity and provides insights into productivity, highlighting areas for improvement and efficiency.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasis on a clean, simple design with plenty of white space to enhance focus on content and functionality.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a modern look.
- **Layout**: A single-page layout with a prominent hero section at the top, followed by features, testimonials, and a clear call-to-action (CTA) section. The layout should be responsive and easily navigable.
- **Typography**: Use sans-serif fonts like Inter or Roboto for a modern look. Headings should be bold and larger to establish hierarchy, while body text should be easy to read at a standard size.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for quick adjustments and a consistent design.
- **UI Components**: Utilize shadcn/ui for pre-designed components that align with the minimalist aesthetic.
- **State Management**: Consider using React's Context API or Zustand for managing application state if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Main Components**: Build the core components such as the hero section, features list, testimonials, and CTA section.
4. **Implement Smart Functions**: Develop the backend logic for smart functions and integrate them with the front end.
5. **Add Data Visualization Tools**: Implement libraries such as Chart.js or D3.js for creating interactive charts and graphs.
6. **Build Collaboration Features**: Set up a real-time collaborative editing feature using WebSockets or similar technology.
7. **Integrate Interactive Tutorials**: Create a section for tutorials and integrate video content.
8. **Develop Performance Analytics**: Implement analytics to track user engagement and provide insights.

## USER EXPERIENCE
The application should offer a seamless user experience by providing intuitive navigation and clear pathways for users to engage with features. Key interactions should include easily accessing the smart functions from a dedicated toolbar, dragging and dropping visual elements to create graphs, and utilizing the template library with a simple search functionality. The real-time collaboration tools should prompt users to invite others to work together, enhancing teamwork and productivity.