Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application aims to streamline the job search process for software developers, focusing on personalized learning plans to bridge skill gaps. Users will benefit from automation features that simplify job applications, enhance resume customization, and provide insights into necessary skills for targeted roles.

## CORE FEATURES
1. **Job Search Automation**: Integrate a Chrome extension to automatically extract job details from various platforms, allowing users to save and analyze job postings effortlessly.
2. **Skill Gap Analysis**: Utilize collected job data to identify skill gaps and suggest personalized learning resources tailored to the user's career aspirations and interests in product management.
3. **Resume Customization Assistant**: Incorporate a feature that leverages LLM technology to help users tailor their resumes based on job descriptions, improving their chances of being shortlisted.
4. **Cover Letter Generator**: Provide an automated tool to generate cover letters based on job specifications and user input, saving time and effort.
5. **Application Tracking Dashboard**: A centralized dashboard to monitor job applications, interview schedules, and follow-up reminders, ensuring no opportunities are missed.
6. **Networking Tool**: Include functionalities to streamline LinkedIn outreach, allowing users to manage connections and follow-ups effectively.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple design featuring ample white space, a minimal color palette, and a strong emphasis on typography.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and maintain a fresh look.
- **Layout**: A responsive grid layout that organizes features logically, ensuring seamless navigation between job searches, applications, and learning resources. Core functionalities should be prominently displayed to enhance user engagement.
- **Typography**: Use a sans-serif font for clarity and modernity (e.g., Inter or Roboto). Establish a hierarchy with larger font sizes for headings and regular weights for body text to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust, type-safe development.
- **Styling**: Tailwind CSS for a utility-first approach to styling, promoting a consistent and easily maintainable design.
- **UI Components**: Implement shadcn/ui to leverage pre-built components that align with the minimalist aesthetic.
- **State Management**: Utilize React Context API or Zustand for efficient state management across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project Structure**: Initialize a new React project with TypeScript and configure Tailwind CSS.
2. **Implement Chrome Extension**: Develop a Chrome extension that captures job details from job boards and saves them to a user’s profile.
3. **Design Core Features**: Create user interface components for the job search automation, skill gap analysis, resume customization, cover letter generator, application tracking, and networking tools.
4. **Build the Backend**: Implement a backend service using Node.js or a serverless architecture to handle job data storage, user profiles, and LLM interactions.
5. **Integrate State Management**: Utilize React Context or Zustand to manage user state and application data effectively.
6. **Conduct User Testing**: Gather feedback from potential users to refine features and improve user experience before the final release.

## USER EXPERIENCE
Users will begin by utilizing the job search automation feature to gather job postings. They can then analyze their skill gaps using insights from the data collected. The app will guide them in customizing their resumes and generating cover letters. Users will manage their applications through a dedicated dashboard, ensuring timely follow-ups and interview preparation. The minimalist design will facilitate an intuitive navigation experience, allowing users to focus on their job search and learning efficiently.