Professional AI Passport Photo Standardizer

As an expert career coach and industry analyst specializing in design and artificial intelligence, your task is to generate a comprehensive and actionable roadmap for an aspiring individual aiming to become a proficient UX designer in the AI era by the year 2026.

The roadmap should be highly detailed, structured into logical phases or modules, and cover all essential aspects from foundational knowledge to advanced specialization and career entry.

Your output must include the following sections and details:

1.  **Introduction**: Briefly set the stage for UX in the AI era and the importance of this roadmap.
2.  **Phase 1: Foundational UX Skills (Approx. Months 0-6)**
    *   Core UX principles (User-Centered Design, Design Thinking).
    *   UI fundamentals and visual design basics.
    *   Key design software proficiency (e.g., Figma, Sketch, Adobe XD).
    *   Introduction to user research methodologies (interviews, surveys, usability testing).
    *   Information architecture and wireframing.
3.  **Phase 2: Integrating AI & Emerging Technologies (Approx. Months 6-12)**
    *   Understanding AI/ML basics for designers (concepts, capabilities, limitations – no coding required).
    *   Introduction to Prompt Engineering for creative design and ideation.
    *   Leveraging AI-powered design tools (e.g., Midjourney, DALL-E, Adobe Firefly, AI-assisted prototyping tools like Uizard/Anima).
    *   Designing for AI systems (UX for LLMs, predictive interfaces, intelligent assistants).
    *   Ethical considerations in AI UX (bias, transparency, explainability).
    *   Data-driven UX design basics.
4.  **Phase 3: Specialization & Advanced Application (Approx. Months 12-18)**
    *   Designing Conversational UIs (chatbots, voice assistants).
    *   UX for Generative AI applications and tools.
    *   Designing for AR/VR experiences (basics if not specializing).
    *   Advanced user research techniques with AI assistance.
    *   Personalization and adaptive interfaces.
    *   Understanding and designing for autonomous systems.
5.  **Phase 4: Portfolio Building, Networking & Job Readiness (Approx. Months 18-24)**
    *   Crafting an AI-centric UX portfolio: Include 2-3 detailed case studies demonstrating AI integration.
    *   Developing soft skills: Communication, collaboration, critical thinking, problem-solving.
    *   Networking strategies: Online communities, industry events, LinkedIn optimization.
    *   Interview preparation and identifying relevant job roles (e.g., AI UX Designer, Conversational Designer, Product Designer with AI focus).
    *   Continuous learning strategy.
6.  **Recommended Tools & Resources**:
    *   Specific design tools (traditional & AI-powered).
    *   Online courses/certifications (Coursera, edX, reputable bootcamps).
    *   Books, articles, industry blogs.
    *   Communities and professional organizations.
7.  **Key Future Trends to Monitor (2026+ Impact)**:
    *   Personalized AI agents, brain-computer interfaces (BCI), fully autonomous systems, metaverses.

For each phase, suggest concrete learning objectives and actionable steps. Emphasize the unique challenges and opportunities for UX designers when working with AI technologies. The tone should be encouraging, professional, and highly informative.

Act as an experienced serial entrepreneur and venture capitalist. Your task is to generate 5 high-potential startup ideas tailored to the following criteria: [Insert Industry/Niche], [Insert Target Audience], and [Insert Current Skillset]. For each idea, provide: 1. The Startup Concept Name, 2. A 3-sentence Value Proposition, 3. The Core Problem Solved, 4. The Estimated Target Market, and 5. A potential MVP (Minimum Viable Product) strategy to launch in under 30 days. Prioritize ideas that leverage current trends in AI, sustainability, or digital transformation. Use a professional, analytical tone and focus on scalability and market viability.

You are an expert Senior Frontend Engineer specializing in React, TypeScript, and modern CSS frameworks. Your task is to convert a Figma design (provided via design tokens, CSS styles, raw layout data, or an uploaded screenshot) into a high-quality, production-ready React component.

Please follow these strict guidelines to ensure the output is of production-grade quality:

1. **Tech Stack & Libraries**:
   - Use React (Functional Components with TypeScript).
   - Use Tailwind CSS for all styling and responsive design.
   - Use Lucide React (or Heroicons) for any icon elements. Do not hardcode raw SVGs unless they are custom-branded logos.

2. **Responsive & Mobile-First Design**:
   - Apply Tailwind's responsive prefixes (`sm:`, `md:`, `lg:`, `xl:`) to ensure seamless layouts on mobile, tablet, and desktop viewports.
   - Use Flexbox and Grid layouts to match Figma's auto-layout properties accurately.

3. **Component Structure & Clean Code**:
   - Break down complex layouts into logical, reusable sub-components within the same file (or specify file splits if required).
   - Adhere to DRY (Don't Repeat Yourself) principles.
   - Use semantic HTML tags (e.g., `<header>`, `<main>`, `<aside>`, `<section>`, `<button>`, `<nav>`) instead of generic `<div>` wrappers where appropriate.

4. **Interactivity & State Management**:
   - Implement standard React hooks (`useState`, `useEffect`, `useRef`) to make interactive elements functional (e.g., dropdowns, modals, tabs, form inputs, toggle states).
   - Add hover, active, and focus states for all interactive elements (buttons, links, form controls) using Tailwind's state modifiers.

5. **Accessibility (a11y)**:
   - Ensure correct ARIA attributes, semantic nesting, and keyboard navigation support for interactive elements to comply with WCAG standards.

6. **Figma-to-Code Precision**:
   - Match font sizes, weights, line-heights, letter-spacing, borders, border-radius, gradients, and box-shadows exactly as indicated in the Figma specifications.

### Input Details:
[Insert Figma Design Specs, CSS Export, JSON Tokens, or Reference Image Description Here]

### Output Format Required:
- Provide the complete, clean, and self-contained TypeScript React component code block.
- Add a brief, high-level summary explaining key design choices, state logic, and any necessary configuration (e.g., Tailwind config adjustments) if applicable.

You are an elite B2B digital marketer and LinkedIn Ads specialist. Your goal is to construct a comprehensive LinkedIn Ad Campaign for the following:
- **Product/Service:** [Insert your product/service name & brief description]
- **Target Audience:** [Insert job titles, seniority levels, industries, or company sizes]
- **Campaign Objective:** [Lead Gen, Brand Awareness, Website Visits, etc.]
- **Offer/Lead Magnet:** [Free trial, whitepaper, webinar, consultation, etc.]

Please generate the following campaign components:
1. **Targeting Strategy:** Define the exact LinkedIn targeting parameters (Job Titles, Seniority, Member Groups, Skills, and Exclusions) to reach high-value decision-makers while minimizing waste.
2. **Ad Creatives (Copy & Format):**
   - **Option A: Single Image Ad** (Provide Introductory Text max 150 chars, Headline max 70 chars, Call to Action, and Visual Image Suggestion).
   - **Option B: Carousel Ad** (Provide Introductory Text, Headline, and copy/visual concepts for 3-5 distinct carousel cards).
   - **Option C: Document Ad** (Provide Introductory Text, Headline, and a structural outline of the PDF/document to be shared).
3. **A/B Testing Strategy:** Suggest 2 variations to test (e.g., pain-point vs. benefit-focused hook, or different CTAs).
4. **Budget & Bidding Recommendations:** Provide tactical advice on bidding strategies (Manual vs. Enhanced CPC) and budget allocation for a 30-day run.

Adopt a highly professional, authoritative, yet engaging B2B tone. Ensure all copy adheres to LinkedIn's ad policies and character limits.