【原】用AI開(kāi)發(fā)“專注助手”瀏覽器插件，幫助我高效進(jìn)行科研學(xué)習(xí)。

王贊不贊 2025-12-05 發(fā)布于上海

展開(kāi)全文

在科研學(xué)習(xí)的過(guò)程中，經(jīng)常會(huì)打開(kāi)知乎和B站查找一些東西，看一些學(xué)習(xí)資料。

本來(lái)是為了科研學(xué)習(xí)，但這這些互聯(lián)網(wǎng)平臺(tái)都有推薦算法，經(jīng)常無(wú)意中就被一些計(jì)劃之外的內(nèi)容吸引去了。

等到回過(guò)神來(lái)，已經(jīng)浪費(fèi)了個(gè)把小時(shí)。

為了避免這種情況的發(fā)生，于是我借助AI開(kāi)發(fā)了這個(gè)插件：Focus Clock.專注助手。

防止自己無(wú)意識(shí)沉迷于娛樂(lè)網(wǎng)站，強(qiáng)制打開(kāi)意圖確認(rèn)和被動(dòng)時(shí)間限制。

Edge插件商店：https://microsoftedge.microsoft.com/addons/detail/focusclock-%E4%B8%93%E6%B3%A8%E5%8A%A9%E6%89%8B/emnokgdiapnnpoehpkmjhdcepagbbnhj
Chrome插件商店：https://chromewebstore.google.com/detail/focusclock-%E4%B8%93%E6%B3%A8%E5%8A%A9%E6%89%8B/lmephimlmfjllnndlfnimmchpgjibdac

開(kāi)發(fā)過(guò)程

整個(gè)插件的開(kāi)發(fā)全程通過(guò)Cursor這個(gè)AI編程工具完成，調(diào)用的模型為Claude Opus 4.5，使用自然語(yǔ)言編程，期間偶爾改動(dòng)一些文字變量。

核心需求：在科研的時(shí)候經(jīng)常被知乎、B站等網(wǎng)站分散注意力，我希望做一個(gè)插件，能夠提醒我打開(kāi)這些網(wǎng)站的目的是啥，計(jì)劃打開(kāi)這些網(wǎng)站多久，請(qǐng)你幫我思考一下我的需求，給我一個(gè)方案。

上面就是最初的對(duì)話，接下來(lái)和AI確認(rèn)需求就開(kāi)始開(kāi)發(fā)，第一輪就得到了可用的版本，功能齊全，滿足我的需求。

但是第一輪往往視覺(jué)效果不好，所以又和AI進(jìn)行了交流，優(yōu)化了UI界面，讓插件更好看。

通過(guò)幾輪迭代之后，得到了一個(gè)UI界面美觀，功能完善，中英文雙語(yǔ)支持的提高科研效率的瀏覽器插件：專注助手。

開(kāi)發(fā)感受

使用AI進(jìn)行編程，完成整個(gè)瀏覽器插件的開(kāi)發(fā)過(guò)程非常流暢，沒(méi)有遇到任何卡點(diǎn)問(wèn)題，提出具體的需求他都能馬上解決。

不需要看懂代碼：項(xiàng)目文件很繁瑣、而且需要調(diào)用Chrome 的API，但是我只需描述功能，AI能自動(dòng)幫我生成正確的代碼。
迭代速度快：哪里不滿意，需要增加哪個(gè)功能，直接用自然語(yǔ)言和AI交流，AI能快速實(shí)現(xiàn)我的需求；
邊做邊學(xué)：通過(guò)AI生成的代碼，雖然具體語(yǔ)法不太了解，但是項(xiàng)目結(jié)構(gòu)，每個(gè)文件的作用有了大概的了解。

AI對(duì)于所有人來(lái)說(shuō)都是利器，所有人都有自己的一些小需求，可能小沒(méi)有人愿意做，但是有了AI，我們自己就能實(shí)現(xiàn)。

功能簡(jiǎn)介

下面介紹這個(gè)插件的功能，插件的核心功能其實(shí)就一個(gè)：確認(rèn)打開(kāi)網(wǎng)站的目的，約定打開(kāi)網(wǎng)站的時(shí)間。

3.1 意圖確認(rèn)攔截

當(dāng)打開(kāi)黑名單中的網(wǎng)站時(shí)，會(huì)跳出來(lái)一個(gè)彈窗，需要你寫(xiě)下打開(kāi)的目的和使用的時(shí)間：

我的意圖：強(qiáng)制寫(xiě)下訪問(wèn)目的（必填），幫助你保持清醒，反思是否有打開(kāi)網(wǎng)站的必要；
我只看X分鐘：設(shè)置一個(gè)瀏覽網(wǎng)站的市場(chǎng)，避免無(wú)意識(shí)刷網(wǎng)站，浪費(fèi)時(shí)間。
關(guān)掉網(wǎng)頁(yè)：如果自己只是在無(wú)意識(shí)的刷，那么就可以關(guān)閉網(wǎng)頁(yè)，防止沉迷。

這個(gè)設(shè)計(jì)的核心理念在于，讓我們無(wú)意識(shí)的行為變成有意識(shí)的選擇，高效利用時(shí)間。

3.2 可視化倒計(jì)時(shí)

開(kāi)始計(jì)時(shí)之后，頁(yè)面的右側(cè)會(huì)出現(xiàn)一個(gè)圓形的倒計(jì)時(shí)，能夠?qū)崟r(shí)提醒我們還剩多長(zhǎng)時(shí)間。