perf: convert large PNG images to WebP and add hero video poster

Convert 11 images to WebP (quality 85) for significant size reduction:
  spotbugs-integration:      1.7 MB → 492 KB (-71%)
  sonarlint-rule-panel-button: 576 KB → 117 KB (-80%)
  sonarlint-intention-action:  540 KB → 102 KB (-81%)
  SDD-ProjectOverview:         414 KB → 128 KB (-69%)
  sonarlint-banner:            280 KB → 127 KB (-55%)
  SDD-TaskList:                281 KB →  32 KB (-89%)
  ACP-Runners-Selection:       272 KB →  83 KB (-70%)
  others:                      ~700 KB → ~156 KB

Add devoxxgenie-hero-poster.jpg (37 KB) extracted from the hero video
for use as a poster frame. Update all in-content image references
across blog posts and documentation to use the new WebP assets.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: stephanj

docusaurus/blog/2026-02-10-spec-driven-development.md

@@ -58,11 +58,11 @@ A dedicated tool window in your IDE gives you two views:
 
 A **Task List** grouped by status (To Do, In Progress, Done) with a detail preview panel:
 
-![SDD Task List](/img/SDD-TaskList.png)
+![SDD Task List](/img/SDD-TaskList.webp)
 
 A **Kanban Board** with drag-and-drop for visual task management:
 
-![SDD Kanban Board](/img/SDD-Kanban.png)
+![SDD Kanban Board](/img/SDD-Kanban.webp)
 
 ### 3. Click "Implement with Agent"
 

docusaurus/blog/2026-02-14-acp-runners.md

@@ -82,13 +82,13 @@ Setup is similar to CLI Runners — about a minute of configuration:
 5. Click **Test Connection** to verify the ACP handshake succeeds
 6. **Apply** and you're done
 
-![ACP Runners Setup](/img/ACP-Runners-Setup.png)
+![ACP Runners Setup](/img/ACP-Runners-Setup.webp)
 
 ## Selecting Your Runner
 
 The DevoxxGenie Specs toolbar includes an execution mode dropdown where ACP runners appear alongside CLI runners and the built-in LLM provider:
 
-![ACP Runners Selection](/img/ACP-Runners-Selection.png)
+![ACP Runners Selection](/img/ACP-Runners-Selection.webp)
 
 ACP runners show up prefixed with **ACP:** — so you'll see entries like *ACP: Claude*, *ACP: Kimi*, and *ACP: Gemini* next to the existing CLI runner options. The selection persists across IDE restarts.
 

docusaurus/blog/2026-02-18-devoxxgenie-integrations.md

@@ -115,7 +115,7 @@ The **SonarLint DevoxxGenie** plugin is a fork of SonarLint for IntelliJ (v11.13
 
 <a href="https://www.youtube.com/watch?v=vWEK0jEIU3s" target="_blank" rel="noopener noreferrer"
    style={{display:'block',position:'relative',borderRadius:'8px',overflow:'hidden',boxShadow:'0 4px 8px rgba(0,0,0,0.1)',marginBottom:'1.5rem'}}>
-  <img src="/img/integrations/sonarlint-banner.png" alt="SonarLint DevoxxGenie Demo"
+  <img src="/img/integrations/sonarlint-banner.webp" alt="SonarLint DevoxxGenie Demo"
        style={{width:'100%',display:'block',borderRadius:'8px'}} />
   <div style={{position:'absolute',top:'50%',left:'50%',transform:'translate(-50%,-50%)',
                width:'68px',height:'48px',background:'#ff0000',borderRadius:'12px',
@@ -136,19 +136,19 @@ The fork surfaces three entry points for acting on a SonarLint finding with AI.
 
 Press **Alt+Enter** on any SonarLint-highlighted code and you'll see a "Fix with DevoxxGenie" intention action in the lightbulb menu. Select it and the prompt is assembled and submitted automatically — rule ID, rule description, severity, and ±10 lines of context all included.
 
-![Lightbulb intention action for SonarLint fix](/img/integrations/sonarlint-intention-action.png)
+![Lightbulb intention action for SonarLint fix](/img/integrations/sonarlint-intention-action.webp)
 
 ### Entry Point 2: Rule Panel Button
 
 Open the SonarLint tool window, select an issue, and look at the rule detail panel. A **"Fix with DevoxxGenie"** button appears in the header. Clicking it sends the same rich context to DevoxxGenie and focuses the chat panel so you can review the response.
 
-![Fix with DevoxxGenie button in rule panel](/img/integrations/sonarlint-rule-panel-button.png)
+![Fix with DevoxxGenie button in rule panel](/img/integrations/sonarlint-rule-panel-button.webp)
 
 ### Entry Point 3: Create DevoxxGenie Task(s)
 
 The SonarLint toolbar has a **"Create DevoxxGenie Task(s)"** action that does something different: instead of invoking the LLM immediately, it writes one or more `TASK-*.md` files into `backlog/tasks/`. This is the SDD integration path — defer the fix, let an agent handle it later.
 
-![Task creation toolbar action](/img/integrations/sonarlint-task-creation.png)
+![Task creation toolbar action](/img/integrations/sonarlint-task-creation.webp)
 
 ### What Context Gets Sent
 
@@ -172,7 +172,7 @@ All three entry points build the same prompt from the same fields:
 
 The **SpotBugs DevoxxGenie** plugin is a fork of the JetBrains SpotBugs plugin that adds a DevoxxGenie AI layer for fixing static analysis findings. When SpotBugs detects a potential bug, you send it to DevoxxGenie for an AI-assisted fix — no manual copy-pasting required.
 
-![SpotBugs DevoxxGenie banner](/img/integrations/spotbugs-banner.png)
+![SpotBugs DevoxxGenie banner](/img/integrations/spotbugs-banner.webp)
 
 :::info Requirements
 - **IntelliJ IDEA** 2023.3 or later
@@ -182,7 +182,7 @@ The **SpotBugs DevoxxGenie** plugin is a fork of the JetBrains SpotBugs plugin t
 
 ### Three Entry Points
 
-![SpotBugs DevoxxGenie integration](/img/integrations/spotbugs-integration.png)
+![SpotBugs DevoxxGenie integration](/img/integrations/spotbugs-integration.webp)
 
 1. **Intention action** — press **Alt+Enter** on SpotBugs-highlighted code. You'll see a `"DevoxxGenie: Fix '[BugPattern]'"` entry, e.g. `DevoxxGenie: Fix 'NP_NULL_ON_SOME_PATH'`. Selecting it assembles and submits the prompt immediately.
 

docusaurus/docs/features/spec-driven-development.md

@@ -158,7 +158,7 @@ The **DevoxxGenie Specs** tool window provides two views for managing your task
 
 The **Project Overview** panel appears at the top of the Task List tab and gives you an instant summary of your backlog health:
 
-![SDD Project Overview](/img/SDD-ProjectOverview.png)
+![SDD Project Overview](/img/SDD-ProjectOverview.webp)
 
 - **Summary line**: shows the total task count, overall completion percentage, and a breakdown by status (e.g. "7 tasks | 14% complete | (1 done, 1 in progress, 5 to do)")
 - **Segmented progress bar**: a color-coded bar visualizing task distribution — green for Done, blue for In Progress, gray for To Do, and yellow for any custom statuses
@@ -178,13 +178,13 @@ The Task List view displays tasks in a tree structure grouped by status:
 
 Click any task to see its full details in the preview panel and open the markdown file in the editor. The layout adapts automatically — when the tool window is narrow (e.g., docked to the side), the tree and preview stack vertically; when wide (e.g., docked at the bottom), they sit side by side.
 
-![SDD Task List](/img/SDD-TaskList.png)
+![SDD Task List](/img/SDD-TaskList.webp)
 
 ### Kanban Board
 
 The Kanban Board provides a visual drag-and-drop interface for managing task status. Each status column shows task cards with priority badges, labels, and acceptance criteria progress.
 
-![SDD Kanban Board](/img/SDD-Kanban.png)
+![SDD Kanban Board](/img/SDD-Kanban.webp)
 
 Key features of the Kanban Board:
 

docusaurus/docs/integrations/sonarlint.md

@@ -11,7 +11,7 @@ image: /img/devoxxgenie-social-card.jpg
 The **SonarLint DevoxxGenie** plugin is a fork of SonarLint for IntelliJ (v11.13) that adds a DevoxxGenie AI layer on top of the standard SonarQube analysis. It lets you fix SonarLint findings with a single click and optionally create structured backlog task specs for later resolution.
 
 <a href="https://www.youtube.com/watch?v=vWEK0jEIU3s" target="_blank" rel="noopener noreferrer" style={{display: 'block', position: 'relative', borderRadius: '8px', overflow: 'hidden', boxShadow: '0 4px 8px rgba(0,0,0,0.1)'}}>
-  <img src="/img/integrations/sonarlint-banner.png" alt="SonarLint DevoxxGenie Demo" style={{width: '100%', display: 'block', borderRadius: '8px'}} />
+  <img src="/img/integrations/sonarlint-banner.webp" alt="SonarLint DevoxxGenie Demo" style={{width: '100%', display: 'block', borderRadius: '8px'}} />
   <div style={{position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)', width: '68px', height: '48px', background: '#ff0000', borderRadius: '12px', display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
     <svg viewBox="0 0 68 48" width="68" height="48"><polygon points="27,17 27,31 41,24" fill="#fff"/></svg>
   </div>
@@ -39,7 +39,7 @@ When SonarLint detects a code quality issue, the SonarLint DevoxxGenie plugin su
 
 Press **Alt+Enter** (or click the lightbulb) on any SonarLint-highlighted code to see a "Fix with DevoxxGenie" intention action. Selecting it sends an AI-crafted fix prompt to DevoxxGenie with full context: the rule ID, rule description, affected code, and surrounding lines.
 
-![Lightbulb intention action for SonarLint fix](/img/integrations/sonarlint-intention-action.png)
+![Lightbulb intention action for SonarLint fix](/img/integrations/sonarlint-intention-action.webp)
 
 The prompt is submitted automatically — DevoxxGenie will respond with a suggested fix in the chat panel.
 
@@ -49,7 +49,7 @@ The prompt is submitted automatically — DevoxxGenie will respond with a sugges
 
 When you open the **SonarLint tool window** and select an issue, the rule detail panel includes a **"Fix with DevoxxGenie"** button in the header area.
 
-![Fix with DevoxxGenie button in rule panel](/img/integrations/sonarlint-rule-panel-button.png)
+![Fix with DevoxxGenie button in rule panel](/img/integrations/sonarlint-rule-panel-button.webp)
 
 Clicking this button:
 1. Assembles a prompt with the rule name, severity, description, and the violating code snippet
@@ -62,7 +62,7 @@ Clicking this button:
 
 The SonarLint toolbar includes a **"Create DevoxxGenie Task(s)"** action. This does not immediately invoke the LLM — instead, it writes one or more `TASK-*.md` files into `backlog/tasks/` for deferred AI-assisted resolution via the [Spec-Driven Development](../features/spec-driven-development.md) workflow.
 
-![Task creation toolbar action](/img/integrations/sonarlint-task-creation.png)
+![Task creation toolbar action](/img/integrations/sonarlint-task-creation.webp)
 
 ### What gets written
 

docusaurus/docs/integrations/spotbugs.md

@@ -10,7 +10,7 @@ image: /img/devoxxgenie-social-card.jpg
 
 The **SpotBugs DevoxxGenie** plugin is a fork of the JetBrains SpotBugs plugin that adds a DevoxxGenie AI layer for fixing bug findings. When SpotBugs detects a potential bug in your Java code, you can send it to DevoxxGenie for an AI-assisted fix with a single action — no manual copy-pasting required.
 
-![SpotBugs DevoxxGenie banner](/img/integrations/spotbugs-banner.png)
+![SpotBugs DevoxxGenie banner](/img/integrations/spotbugs-banner.webp)
 
 :::info Requirements
 - **IntelliJ IDEA** 2023.3 or later
@@ -30,7 +30,7 @@ SpotBugs DevoxxGenie surfaces three ways to invoke AI assistance on a finding:
 
 All three entry points send the same rich context to DevoxxGenie: the bug pattern, category, priority, file path, line number, and the surrounding code.
 
-![SpotBugs DevoxxGenie integration](/img/integrations/spotbugs-integration.png)
+![SpotBugs DevoxxGenie integration](/img/integrations/spotbugs-integration.webp)
 
 ---