Claude in Chrome 使用小撇步/心得

Claude in Chrome 使用小撇步/心得

最近一直想好好研究怎麼有效利用我訂閱的 Claude 服務。本來是想裝在 Mac 上試試看他們的 Cowork功能,不過我的 Mac 是非常舊的機型,跑不太動。後來看到有人推薦 Claude in Chrome,說這是一個好用而且嚴重被低估的工具,就決定先來試試看。

下載連結在這裡,這款才是 Anthropic 官方的app:

https://chromewebstore.google.com/detail/claude/fcoeoabgfenejglbffodgkkbkcdhcgfn?hl=zh-TW


起因:Ghost 電子報功能一直搞不定

我的部落格是用 Ghost 架的,一直想善用它內建的電子報功能,但 Mailgun 的設定始終沒搞定,沒辦法開放電子報訂閱。加上我的 Ghost 是請工程師朋友幫忙建置在 Zeabur 上的,Ghost、Zeabur、Mailgun 三個平台的設定都要到位才能正常運作。每次跟朋友碰面時間都不夠長,設定做到一半就擱置了。

直到最近想玩看看 Claude in Chrome,想說死馬當活馬醫(笑),先試試看它能不能幫我修好電子報的問題。


Claude in Chrome 怎麼運作?

Claude in Chrome 會利用 Chrome 的「分頁群組」功能(如下圖),把相關的頁面都歸在同一組,視為同一個任務的工作區。每個關聯的網頁都需要先登入,它才有辦法順利存取和操作。


實測:讓 Claude 診斷電子報問題

我把問題丟給 Claude in Chrome 後,它很快就幫我跑了一輪完整的診斷。以下是它回報的檢查結果(我直接把診斷內容貼上來,供大家參考):

檢查結果:電子報訂閱功能無法正常運作

問題現象

當用戶在首頁輸入 email 並點擊 Subscribe 時,會顯示錯誤訊息:「登入連結寄送失敗,請再試一次」。後端 API /members/api/send-magic-link/ 回傳 500 Internal Server Error。

根本原因:未設定 SMTP 郵件服務

檢查 Zeabur 上 Ghost 的環境變數後,發現完全沒有任何 mail 相關的環境變數。Ghost 因此使用預設的 DirectMailer(直接透過 port 25 發送),但 Zeabur 等雲端主機通常會封鎖 port 25,導致寄信失敗。

一個容易搞混的地方

  • Mailgun API 設定(在 Ghost Admin 裡設定的)→ 已完成,DNS 驗證也通過。但這只負責「電子報群發」(newsletter bulk delivery)。
  • SMTP 設定(magic link、訂閱確認信等交易信件)→ 完全未設定。Ghost 需要額外的 SMTP 配置來發送這類信件。

簡單來說:Mailgun API 管「群發電子報」,SMTP 管「系統信件」,兩個是不同的東西,都要設定才行。

解決方案

在 Zeabur 的 Ghost 環境變數中加入以下 SMTP 設定:

mail__transport=SMTP
mail__options__host=smtp.mailgun.org
mail__options__port=587
mail__options__secure=false
mail__options__auth__user=postmaster@你的網域
mail__options__auth__pass=你的 Mailgun SMTP 密碼
mail__from='站名' <noreply@你的網域>

SMTP 密碼可以在 Mailgun → Sending → Domain Settings → SMTP credentials 頁籤找到(注意:這跟 API key 是不同的東西)。設定完成後在 Zeabur 重啟 Ghost 服務,訂閱功能就能正常運作了。

以上就是 Claude 給出的完整診斷。它還會主動問你下一步要做什麼——我就直接讓它按照上面的設定去操作,結果還真的修好了!


踩坑紀錄:使用過程中遇到的錯誤

整個過程不是一帆風順我也陸續摸索好幾天才順利完成....。操作到後半段時,我遇到了好幾次錯誤訊息,也有幾次 Claude 因為步驟太多直接「罷工」。以下整理兩個最常見的錯誤和應對方式:

錯誤一:截圖尺寸超過上限

image dimensions exceed max allowed size for many-image requests: 2000 pixels

Claude in Chrome 在操作過程中會不斷截圖來「看」網頁內容。當對話中累積了多張圖片時,API 對每張截圖的尺寸上限會從 8000px 降為 2000px,超過就會報錯。

應對方式:

  • 把 Chrome 視窗縮小到 1200px 寬以下,截圖尺寸自然就不會超標
  • 或是用 Ctrl -(Mac 用 Cmd -)把頁面縮放到 75%
  • 如果已經報錯了,只能開新對話重來

錯誤二:截圖數量超過上限

Too much media: 0 document pages + 101 images > 100

這個錯誤跟上一個本質上是同一回事——Claude 每操作一步就截一張圖,步驟一多,截圖就會超過單次對話 100 張的上限。

錯誤訊息 觸發原因
image dimensions exceed 2000 pixels 單張截圖太大(尺寸問題)
101 images > 100 截圖累積太多(數量問題)

應對方式: 唯一的辦法就是開新對話、分段執行任務。目前沒有辦法在同一個對話裡清除舊截圖。


四個使用心得與小撇步

💡
1. 把任務拆成小段來執行大任務一定要拆解成多個小任務,分開在不同對話中進行。這樣不只比較順利,也能避免截圖累積過多導致當機。例如 Ghost 設定可以拆成:基本設定、Theme 客製化、Navigation 設定、整合設定(會員/Newsletter)等幾段來跑。
2. 遇到錯誤不要慌,關掉重開就好如果 Claude in Chrome 出現錯誤訊息,關掉對話重新開啟即可。但記得在關掉之前,先把目前的作業進度拷貝下來。重新開啟後貼回去告訴它「我本來在做什麼、目前進度到哪」,就不用全部重跑,也不會浪費 Token。
3. 視窗盡量縮小因為截圖有尺寸上限的問題,建議把 Chrome 視窗縮小到 1200px 以下,或是把頁面縮放調到 75%。這個目前沒有更好的解法,只能自己注意。
4. 你可以跟它一起協作我有試過在 Claude 操作的同時,自己去按確認按鈕、或是在它準備要填寫的欄位先輸入資訊,都可以正常繼續運作。如果覺得它有點慢,完全可以跟它同步操作、一起完成任務。

結語

對話視窗長這樣,大家有興趣的話直接去玩玩看最快:

Claude in Chrome 的使用門檻很低,只要是每月 $20 美元的 Pro 用戶就可以使用了。

Have Fun~


#AI工具 #Claude #生產力工具 #ClaudeforChrome #AI代理人 #瀏覽器自動化 #AIAgent #Anthropic #科技生活 #數位工具

Read more

🌐 瀏覽器變 AI 助理?!Claude for Chrome 的 5 個超震撼功能+避雷指南

🌐 瀏覽器變 AI 助理?!Claude for Chrome 的 5 個超震撼功能+避雷指南

前言:AI 不只是「聊天」了,它現在要「接管」你的瀏覽器了!😮 你是不是也跟我一樣,每天工作就是在一堆分頁之間瘋狂切換?查資料、複製貼上、再切回去…這種「分頁地獄」相信大家都不陌生 😂 根據統計,我們每天超過 90% 的工作都是在瀏覽器分頁間切換完成的。 而過去使用 AI 工具最大的痛點,就是你得一直在分頁之間「來來去去」——把內容複製貼到 ChatGPT 或 Claude,問完再回去,超沒效率! 但是!Anthropic 最近推出的官方 「Claude for Chrome」擴充功能,直接把這道牆給拆了 🔨 這個東西不只是在側邊欄放一個聊天視窗那麼簡單——它等於宣告:瀏覽器正式變成 AI 的執行平台了。 AI 從「你問它才回答」,變成可以主動在瀏覽器裡幫你「做事」的數位助手!

拆解 Dan Koe 的 AI 內容創作術:從一個點子到全平台瘋傳的系統化流程

拆解 Dan Koe 的 AI 內容創作術:從一個點子到全平台瘋傳的系統化流程

前言:揭開百萬追蹤創作者 Dan Koe 的秘密武器 在當今的數位世界,注意力就是貨幣 💰。而 Dan Koe,這位擁有數百萬追蹤者的創作者,似乎掌握了鑄造這種貨幣的秘密。他的身影遍佈各大平台,以驚人的產量持續輸出高品質、引發深思的內容。許多人不禁要問:他究竟是如何做到的? 答案並非超人般的精力,而是一套與 AI 深度整合的智慧系統 🤖。這套系統不僅是生產力工具,更是當今創作者建立個人影響力、獲取用戶、甚至孵化新創事業的「不公平優勢」(unfair advantage)。本文將以 AI 工作流程分析師的視角,為你進行外科手術般的精準拆解,揭示 Dan Koe 如何從一個點子出發,透過 AI 協作,最終實現全平台內容瘋傳的系統化流程。 1. 核心策略:一源多用(One-to-Many)的內容生態系 🌊 Dan Koe 的創作哲學,核心是建立一個高效的「一源多用」

📝 超實用的復盤神器:Plus Minus Next (PMN) 筆記法,讓你每天都在進步!

📝 超實用的復盤神器:Plus Minus Next (PMN) 筆記法,讓你每天都在進步!

嗨大家!今天要跟你們分享一個我最近在用的超棒筆記方法——Plus Minus Next (PMN)。 如果你跟我一樣,常常覺得「明明很努力,但怎麼感覺沒什麼進步?」或是「每次開完會都不知道下一步該做什麼?」那這個方法真的可以試試看! 🤔 Plus Minus Next 到底是什麼? Plus Minus Next (PMN) 不只是一種「筆記法」,它更像是一種**「回顧框架」或「反饋模型」**。 簡單來說,它不是要你流水帳式地記錄「今天發生了什麼事」,而是幫助你透過三個簡單的問題,從過去的經驗中找到改善的方向。 這個方法最常被用在: * 🏢 敏捷開發團隊的回顧會議 * 🎨 設計評論或創意會議 * 📖 個人的日/週/月檢視 * 💪 技能學習與練習追蹤 最棒的是,它超級簡單——你只需要一張紙畫兩條線,或是打開手機備忘錄,就可以馬上開始! ✨ PMN 的三大核心結構 1️⃣ Plus (+):好的部分 / 繼續保持

讀《80/20思維》發現的5個超驚人觀念!原來我們一直用錯方法在努力 🤯

讀《80/20思維》發現的5個超驚人觀念!原來我們一直用錯方法在努力 🤯

📖 為什麼越努力,反而離目標越遠? 欸你有沒有這種感覺:行事曆滿到爆炸 📅、待辦清單永遠做不完 ✍️,每天忙到像陀螺一樣轉,但回頭一看,好像什麼重要的事都沒完成?壓力山大,時間永遠不夠用,離真正想要的生活越來越遠... 如果你也這樣,那我超推薦你看看理查·柯克(Richard Koch)的《80/20思維》!這本書的核心概念是「80/20法則」:我們80%的成果,其實只來自20%的努力。換句話說,我們大部分的付出,效率都超低,甚至根本沒用 😱 今天就來分享書中5個最顛覆我想法的觀念,準備好被震撼了嗎? 💡 觀念1:最強策略不是拼命,而是「聰明地懶惰」 聽起來很矛盾對吧?但這裡的「懶惰」不是真的擺爛,而是一種戰略性的拒絕 ⛔️—— 清楚知道什麼該做、什麼「不該做」,把精力全部集中在能創造最大價值的少數事情上。 書裡提到幾個超酷的例子: 🔹 波士頓諮詢集團(BCG)創辦人布魯斯·亨德森