Update Chrome extension from 'coming soon' to published

Extension is now live on the Chrome Web Store. Replace all
coming-soon placeholders with install links on the homepage,
visual-mode page, and overlay tutorial.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

content/site/tutorials/critique-with-overlay.md

@@ -57,7 +57,7 @@ Every outlined element has a floating label naming the rule that fired. Hover an
 
 You have three ways to open it:
 
-1. **Chrome extension (coming soon)**: one-click activation on any page.
+1. **[Chrome extension](https://chromewebstore.google.com/detail/impeccable/bdkgmiklpdmaojlpflclinlofgjfpabf)**: one-click activation on any page.
 2. **Inside `/critique`**: the skill opens the overlay automatically during the browser portion of the assessment.
 3. **Standalone CLI**: `npx impeccable live` starts a local overlay server, then you paste any URL.
 
@@ -137,4 +137,4 @@ If something still fires, fix it or write a suppression comment explaining why t
 
 - **The overlay shows no findings but critique says there are problems**. The detector catches deterministic patterns. Critique catches judgment calls. They are complementary, not redundant.
 - **The LLM assessment and the detector disagree**. That is normal. The LLM is subjective. The detector is deterministic. When they disagree, look at both and make a call.
-- **The overlay breaks the page layout**. The overlay runs inside an iframe. Some pages with strict frame-ancestors CSP will not load. Use the Chrome extension in that case (once it ships) or run the detector from the CLI and apply findings manually.
+- **The overlay breaks the page layout**. The overlay runs inside an iframe. Some pages with strict frame-ancestors CSP will not load. Use the [Chrome extension](https://chromewebstore.google.com/detail/impeccable/bdkgmiklpdmaojlpflclinlofgjfpabf) in that case or run the detector from the CLI and apply findings manually.

public/index.html

@@ -307,12 +307,12 @@
               <span class="visual-mode-feature-label">Three ways to use it</span>
               <p>The <strong>Chrome extension</strong> on any site, embedded in <code>/critique</code> during an AI design review, or standalone via <code>npx impeccable live</code>.</p>
             </div>
-            <a href="https://impeccablestyle.substack.com" class="detection-callout" target="_blank" rel="noopener">
+            <a href="https://chromewebstore.google.com/detail/impeccable/bdkgmiklpdmaojlpflclinlofgjfpabf" class="detection-callout" target="_blank" rel="noopener">
               <img src="assets/extension-detection.png" alt="Impeccable Chrome extension panel listing detected anti-patterns" class="detection-callout-image" loading="lazy" width="600" height="508">
               <div class="detection-callout-inner">
-                <span class="detection-eyebrow">Coming soon</span>
+                <span class="detection-eyebrow">Available now</span>
                 <span class="detection-callout-title">Chrome extension</span>
-                <span class="detection-cmd">Get notified &rarr;</span>
+                <span class="detection-cmd">Install from Chrome Web Store &rarr;</span>
               </div>
             </a>
           </div>
@@ -436,13 +436,12 @@
         <!-- Step 3: Browser extension -->
         <details name="install-steps" class="install-step">
           <summary class="install-step-summary">
-            <h3 class="install-path-title"><span class="install-path-step">3</span>Browser extension <span class="install-path-badge install-path-badge-muted">Coming soon</span></h3>
+            <h3 class="install-path-title"><span class="install-path-step">3</span>Browser extension</h3>
             <svg class="install-step-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg>
           </summary>
           <div class="install-step-body">
             <p class="install-path-desc">One-click anti-pattern detection on any live page: yours, staging, production, or anyone else's. Same detection engine as <code>/critique</code>, in your browser.</p>
-            <p class="install-step-status">Currently in Chrome Web Store review.</p>
-            <p class="install-path-link"><a href="https://impeccablestyle.substack.com" target="_blank" rel="noopener">Get notified when it lands &rarr;</a></p>
+            <p class="install-path-link"><a href="https://chromewebstore.google.com/detail/impeccable/bdkgmiklpdmaojlpflclinlofgjfpabf" target="_blank" rel="noopener">Install from Chrome Web Store &rarr;</a></p>
           </div>
         </details>
 

scripts/build-sub-pages.js

@@ -493,10 +493,10 @@ function renderVisualModeMain() {
         <h3 class="visual-mode-method-name"><code>npx impeccable live</code></h3>
         <p class="visual-mode-method-desc">Starts a local overlay server, then loads any URL you paste in an iframe with the detector script injected. Works on your own dev server, a staging URL, or anyone's live page.</p>
       </article>
-      <article class="visual-mode-method" data-coming-soon>
-        <p class="visual-mode-method-label">Coming soon</p>
+      <article class="visual-mode-method">
+        <p class="visual-mode-method-label">Easiest</p>
         <h3 class="visual-mode-method-name">Chrome extension</h3>
-        <p class="visual-mode-method-desc">One-click activation on any tab. Currently in Chrome Web Store review. <a href="https://impeccablestyle.substack.com" target="_blank" rel="noopener">Get notified when it lands &rarr;</a></p>
+        <p class="visual-mode-method-desc">One-click activation on any tab. <a href="https://chromewebstore.google.com/detail/impeccable/bdkgmiklpdmaojlpflclinlofgjfpabf" target="_blank" rel="noopener">Install from Chrome Web Store &rarr;</a></p>
       </article>
     </div>
   </section>