在科研学习的过程中，经常会打开知乎和B站查找一些东西，看一些学习资料。
本来是为了科研学习，但这这些互联网平台都有推荐算法，经常无意中就被一些计划之外的内容吸引去了。
为了避免这种情况的发生，于是我借助AI开发了这个插件：Focus Clock.专注助手。
防止自己无意识沉迷于娱乐网站，强制打开意图确认和被动时间限制。
-
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
整个插件的开发全程通过Cursor这个AI编程工具完成，调用的模型为Claude Opus 4.5，使用自然语言编程，期间偶尔改动一些文字变量。
核心需求：在科研的时候经常被知乎、B站等网站分散注意力，我希望做一个插件，能够提醒我打开这些网站的目的是啥，计划打开这些网站多久，请你帮我思考一下我的需求，给我一个方案。
上面就是最初的对话，接下来和AI确认需求就开始开发，第一轮就得到了可用的版本，功能齐全，满足我的需求。
但是第一轮往往视觉效果不好，所以又和AI进行了交流，优化了UI界面，让插件更好看。
通过几轮迭代之后，得到了一个UI界面美观，功能完善，中英文双语支持的提高科研效率的浏览器插件：专注助手。
使用AI进行编程，完成整个浏览器插件的开发过程非常流畅，没有遇到任何卡点问题，提出具体的需求他都能马上解决。
-
不需要看懂代码：项目文件很繁琐、而且需要调用Chrome 的API，但是我只需描述功能，AI能自动帮我生成正确的代码。
-
迭代速度快：哪里不满意，需要增加哪个功能，直接用自然语言和AI交流，AI能快速实现我的需求；
-
边做边学：通过AI生成的代码，虽然具体语法不太了解，但是项目结构，每个文件的作用有了大概的了解。
AI对于所有人来说都是利器，所有人都有自己的一些小需求，可能小没有人愿意做，但是有了AI，我们自己就能实现。
下面介绍这个插件的功能，插件的核心功能其实就一个：确认打开网站的目的，约定打开网站的时间。
当打开黑名单中的网站时，会跳出来一个弹窗，需要你写下打开的目的和使用的时间：
-
我的意图：强制写下访问目的（必填），帮助你保持清醒，反思是否有打开网站的必要；
-
我只看X分钟：设置一个浏览网站的市场，避免无意识刷网站，浪费时间。
-
关掉网页：如果自己只是在无意识的刷，那么就可以关闭网页，防止沉迷。
这个设计的核心理念在于，让我们无意识的行为变成有意识的选择，高效利用时间。
开始计时之后，页面的右侧会出现一个圆形的倒计时，能够实时提醒我们还剩多长时间。
圆环实时显示剩余时间、圆环的进度条直观的显示用掉的时间、可以拖拽避免遮挡内容、打开插件也有类似的进度条。
当设定好的时间用完之后，会再次弹出弹窗提醒，是要继续浏览网页还是关闭网页
设计的时候我特意将“再看一会”做的不是那么显眼，用视觉效果来引导你做出正确的选择。
除了黑名单中的网站列表被动专注，还有全局专注模式，你可以设置专注时长，专注期间所有页面都会显示倒计时，专注完成后弹出庆祝提示。
目前已经预置了一些网站，比如抖音、知乎、B站……可以在此基础上添加或者是移除网址。
|
