Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
This application is a high-performance web dashboard designed to provide real-time data visualization, intelligent search capabilities, and customizable user experiences. It aims to serve millions of concurrent users seamlessly across various devices while maintaining accessibility and security.

## CORE FEATURES
1. **Real-Time Data Visualization**: Utilize WebSockets to deliver live charts with zoom, filter, and drill-down capabilities, ensuring users can interactively explore large datasets.
2. **Customizable Dashboards**: Allow users to drag and drop widgets, save layouts, and control widget access based on user roles for a personalized experience.
3. **Intelligent Search**: Implement a debounced, fuzzy search with autocomplete suggestions and URL-synced filters to enhance user navigation.
4. **Offline Support**: Integrate Service Workers to enable offline data sync and background updates, ensuring uninterrupted access to critical features.
5. **Seamless Onboarding**: Offer progressive walkthroughs, tooltips, and sample dashboards to help new users quickly acclimate to the platform.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design featuring a clean and simple interface with ample white space, ensuring focus remains on content and functionality.
- **Color Mode**: Light theme with dark text on light backgrounds for optimal readability and a professional appearance.
- **Layout**: A structured grid layout featuring a navigation sidebar for quick access to features, a main content area for data visualization, and a header for notifications and user profile settings.
- **Typography**: Use a modern sans-serif font such as Inter or Roboto for body text, with clear hierarchies for headings (bold and larger) and subheadings (medium weight).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first responsive design
- **UI Components**: Utilize Shadcn/ui for accessible and reusable UI components
- **State Management**: Implement React Query for server state management and Zustand for client state management, ensuring efficient data handling.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a Next.js project with TypeScript and Tailwind CSS. Configure ESLint and Prettier for code quality.
2. **Create Folder Structure**: Set up the following directories: 
   - `src/app/` for routes
   - `src/components/` for reusable UI components
   - `src/features/` for domain-specific modules (dashboard, search, analytics)
   - `src/hooks/` for custom hooks
   - `src/services/` for API clients
   - `src/store/` for global state management
   - `src/utils/` for helper functions
   - `src/styles/` for design tokens
   - `src/workers/` for web workers
3. **Implement Routing**: Use Next.js App Router for dynamic routing and setup SEO features for optimal search engine indexing.
4. **Build UI Components**: Create responsive components using Tailwind CSS and Shadcn/ui to ensure accessibility.
5. **Integrate State Management**: Configure React Query for server data fetching and Zustand for client state management, ensuring URL state syncing for filters.
6. **Enable Real-Time Features**: Implement WebSockets for live data updates and utilize D3.js or Recharts for data visualization.
7. **Establish Offline Support**: Set up Service Workers to cache data and enable offline capabilities.
8. **Conduct Testing**: Write unit tests with Jest, component tests with Testing Library, and E2E tests with Playwright to ensure functionality and reliability.

## USER EXPERIENCE
Users will experience a streamlined onboarding process with guided tours that introduce features gradually. The dashboard will feature real-time updates, allowing users to visualize data efficiently. The intelligent search will provide instant results as users type, enhancing navigation. Customizable dashboards will empower users to tailor their experience, with drag-and-drop functionality making it intuitive to manipulate widgets. Responsive design will ensure optimal usability across devices, with a focus on accessibility that complies with WCAG 2.1 AA standards.

```
This prompt is structured to guide the development of a comprehensive and high-performance web dashboard tailored to the user's specifications while ensuring a focus on user experience and maintainability.