早期人类奴役AI实录:用Comate Zulu 10min做一款Chrome插件

前言

博主是一个前端仔,听说Comate Zulu智能体编程很好用,想试下能力,正好最近有个想法:由于每天习惯打开几十个标签页查资料看文档,但反复横跳有点烦,信息过载难以聚焦。就萌发了个想法,希望有个能替我预习各个标签内容,给出阅读建议,优先读价值高的文档,并且可以统计我打开各标签页的打开次数和停留时间。

于是第一句没有寒暄就冒昧提出要求:

作为一个早早就立下todo写浏览器插件的低阶前端仔,2025年了还没学插件怎么写,先靠一个插件把自己拍脑门的需求实现了! (它好厉害,俺不中嘞😑)

一、安装Comate

官网下载或者VS Code插件搜索"Comate"就能出来。(以下截图时间为博主撰文时间,各位看官注意去官网下载最新版)

二、10分钟做了一款Chrome插件

只靠跟Zulu说人话,全程没敲一行代码,第一版插件从理解要求,到生成代码居然只用了10分钟,我本来还以为要我继续下指令才会继续下一步,没想到浏览器导入插件就work了,看来AI工业时代真的来了, 而且纯靠语言无情pua工具,一边打工一边体验当老板,下面是早期人类奴役AI实录:

1 基本功能实现:

2 功能优化

不过最初版本只能说是可以正常运行,离我真正想实现的效果差距还很多,经过多轮对话后(对话太多就懒得截了,给大家列举一些关键Prompt):

优化悬浮框交互:- 靠边后鼠标点击无法展开,分析下这个问题的原因,修复一下;

  • 确保鼠标能任意拖动、可以通过拖拽边框进行宽高缩放;

  • 靠近屏幕边缘时自动收纳并贴边吸附,鼠标放上去时展开。

再加一个功能,记录每个网页的停留时间和打开次数,并在悬浮框里有个按钮,点开能看到列表,按停留时间排序,能看到访问次数和最近访问时间。切换到其他标签或最小化就停止计时,回来再继续;

  • 我切出去也在计时,这个不符合预期,帮我修复,必须只有页面可见时才计时。

改进内容分析:现在关键词跟实际内容不符,我希望看到的是正文内容的提炼,基于这个目标,可以考虑但不局限于以下建议,先取正文,剔掉导航广告。

  • 不要外部 API,你自己帮我用本地方法搞个靠谱点的方案。

仍然是一行代码没写,这个Chrome插件已实现以下功能:

1.文本分析功能

✅ 关键词提取功能

✅ 重要句子提取功能

2.浮动窗口功能

✅ 浮动窗口创建和基本功能

✅ 拖拽、调整大小

✅ 浮窗靠边隐藏

3.阅读统计功能

✅ 基本的阅读时间统计

✅ 标签页访问次数统计

4.用户界面

✅ 中英文双语界面

✅ 列表视图和分组视图

✅ 浮窗开关功能

5.内容分类功能

⚠️ 存在分类功能定义没有完善

⚠️ 缺少基于内容的自动分类具体算法

⚠️ 中文分词功能较简单,仅使用字符分割,缺乏专业分词算法

⚠️ 缺少更深度的内容理解能力

效果如下图⬇️⬇️

写过前端的人都知道这里门道有多深~不过我还是想再优化下,于是我把浏览器截图发给他,他自己分析出了问题:

不过要准确地完成内容解读从零写起确实效果不太好,Zulu询问我是否要生成使用API的版本,不想付费的我轻轻拒绝了,目前就这样吧,后面有时间再优化嘿嘿。

三、感受

AI时代牛马也可以多线程当老板了! 之前还用过Cursor,Cursor反应确实快一丢丢,经常一顿分析非常有逻辑,改了一堆文件也很迅速,但改动也经常不work,有时甚至会增加错误(扶额...相比起来Zulu对需求和bug的改动基本都是有效的 ,代码生成速度确实没Cursor那么快,不过能有这么惊艳的效果已经很不错了,而且Zulu是VS Code插件,切换比较方便,不用改太多配置。 综合而言,我觉得目前来说Cursor更适合对项目做阅读分析,Zulu适合用来做小项目及debug,希望Zulu在性能和交互方面继续进化!

适合场景:

真香:才华还配不上野心的小白菜(比如我),以及时间不够用需要多线程操作的大佬;

暂时劝退:给祖传项目填坑(无论用哪个ai高科技都谨慎点)。

总而言之,AI编程这块文心快码可冲!感兴趣的可以去文心快码官网下载Comate试试吧~

下载途径一: 百度搜索"文心快码",官网下载Comate AI IDE;

下载途径二: VS Code 或者 Jetbrains 系列 IDE 搜索并下载文心快码插件。


版权声明:

本文为CSDN博主「小黑煤」的原创文章,遵循CC 4.0 BY-SA版权协议,原文出处:blog.csdn.net/weixin_3763...

想成为AI编程弄潮儿?一键关注"文心快码 Baidu Comate"吧,一起玩转AI编程!还会不定期发布最新活动和福利~

互动时间

你在使用Comate zulu的过程中,有什么提升效率的惊喜瞬间和有用的Prompt呢?请在评论区和小编分享吧~~点赞top3的评论有机会获得精美小礼品哦。

如果你喜欢这篇文章,请为文章点"赞",并"推荐"给其他小伙伴共同学习呀~

相关推荐
小只笨笨狗~11 分钟前
el-dialog宽度根据内容撑开
前端·vue.js·elementui
weixin_4903543415 分钟前
Vue设计与实现
前端·javascript·vue.js
David爱编程19 分钟前
多核 CPU 下的缓存一致性问题:隐藏的性能陷阱与解决方案
java·后端
追逐时光者40 分钟前
一款基于 .NET 开源、功能全面的微信小程序商城系统
后端·.net
烛阴1 小时前
带你用TS彻底搞懂ECS架构模式
前端·javascript·typescript
绝无仅有2 小时前
Go 并发同步原语:sync.Mutex、sync.RWMutex 和 sync.Once
后端·面试·github
绝无仅有2 小时前
Go Vendor 和 Go Modules:管理和扩展依赖的最佳实践
后端·面试·github
卓码软件测评2 小时前
【第三方网站运行环境测试:服务器配置(如Nginx/Apache)的WEB安全测试重点】
运维·服务器·前端·网络协议·nginx·web安全·apache
龙在天2 小时前
前端不求人系列 之 一条命令自动部署项目
前端
自由的疯2 小时前
Java 实现TXT文件导入功能
java·后端·架构