feat: add extension release assets and improve installation

- Add Chrome extension zip packaging to release workflow
- Upload extension zip to GitHub releases automatically
- Update README with clearer installation instructions from releases
- Add proper icon configuration to Chrome extension manifest
- Configure extension icons for toolbar and extensions page

Author: elieteyssedou

.github/workflows/release.yml

@@ -46,6 +46,10 @@ jobs:
       - name: Build all packages
         run: pnpm build
 
+      - name: Package Chrome extension for release
+        working-directory: packages/chrome-extension/dist
+        run: zip -r ../../../mcp-pointer-chrome-extension.zip .
+
       - name: Attest Build Provenance
         uses: actions/attest-build-provenance@v3.0.0
         with:
@@ -58,3 +62,13 @@ jobs:
           publish: pnpm release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Upload Chrome extension to release
+        if: steps.changesets.outputs.published == 'true'
+        uses: softprops/action-gh-release@v1
+        with:
+          tag_name: ${{ fromJson(steps.changesets.outputs.publishedPackages)[0].version }}
+          files: mcp-pointer-chrome-extension.zip
+          fail_on_unmatched_files: false
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

README.md

@@ -48,16 +48,21 @@ npx -y @mcp-pointer/server config manual     # Shows manual configuration for ot
 
 ### 2. Install Chrome Extension
 
-**Current method (Chrome Web Store not available yet):**
+**Option A: Download from Releases (Recommended)**
 
-1. Download the latest release from [GitHub Releases](https://github.com/etsd-tech/mcp-pointer/releases) *(coming soon)*
-2. **Or build from source:** Follow the build instructions in [CONTRIBUTING.md](./CONTRIBUTING.md)
+1. Go to [GitHub Releases](https://github.com/etsd-tech/mcp-pointer/releases)
+2. Download `mcp-pointer-chrome-extension.zip` from the latest release
+3. Extract the zip file to a folder on your computer
+4. Open Chrome → Settings → Extensions → Developer mode (toggle ON)
+5. Click "Load unpacked" and select the extracted folder
+6. The MCP Pointer extension should appear in your extensions list
 
-**Load in Chrome:**
-1. Open Chrome → Settings → Extensions → Developer mode (toggle ON)
-2. Click "Load unpacked"
-3. Select the `packages/chrome-extension/dist/` folder
-4. The MCP Pointer extension should appear in your extensions list
+**Option B: Build from Source**
+
+1. Clone this repository
+2. Follow the build instructions in [CONTRIBUTING.md](./CONTRIBUTING.md)
+3. Open Chrome → Settings → Extensions → Developer mode (toggle ON)
+4. Click "Load unpacked" and select the `packages/chrome-extension/dist/` folder
 
 ### 3. Start Using
 

packages/chrome-extension/src/manifest.json

@@ -3,12 +3,18 @@
   "name": "MCP Pointer",
   "version": "0.4.0",
   "description": "Point to DOM elements for your agentic coding tools",
+  "icons": {
+    "16": "icon.png",
+    "48": "icon.png",
+    "128": "icon.png"
+  },
   "background": {
     "service_worker": "background.js"
   },
   "action": {
     "default_popup": "popup.html",
-    "default_title": "MCP Pointer Settings"
+    "default_title": "MCP Pointer Settings",
+    "default_icon": "icon.png"
   },
   "content_scripts": [
     {