type
status
date
slug
summary
tags
category
icon
password
这里写文章的前言:
在哥飞群里看到
Webpilot.ai
这种新的ai事物,还给于了高度评价,那自然要去尝鲜体验一番啦,经过玩耍,发现真是还用,还可以直接联网,还不要钱,太棒啦。赶紧折腾起来,提高使用姿势,以后这个就是我的最爱啦, 先把Chatgpt丢一边。前言
9月份的时候在哥飞的群里看到了
Webpilot.ai
这个东东,代码还开源了,https://github.com/webpilot-ai/Webpilot ,感觉好奇,花了点时间研究折腾了下。没想到用了后,惊呼牛逼牛逼,还是国内开发者搞的产品,不得不服,好用,好东西,我要为他们打Call。下面内容是我向
WebPilot
询问后,它回答我的。这是对WebPilot
做的一个简单的自我介绍,以及跟Chatgpt
的对比。在使用这个产品中,我并没有使用他们的插件功能,最早期,他们是以插件的形式出现的,web端是后来才有的,我是直接使用的web端。
使用中的一些体会
默认支持联网功能,刚好来做个实验,看我的截图,
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F155940bf-cdde-45b2-9de8-e1d8e1ed10f7%2F391ca2fd-b5aa-49b9-9918-bd6062dedff2%2FUntitled.png?table=block&id=dc11d3d8-8d2e-4aac-a006-553ca1143df8)
虽然它是这么回答的,但是呢,我不能就这么信了啊,来考验一番它,给它出点简单的东西,测试一下。
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F155940bf-cdde-45b2-9de8-e1d8e1ed10f7%2Fb3f24d5d-0dd2-4289-8e46-8f5fc84cd623%2FUntitled.png?table=block&id=4add78d2-e0da-4340-801e-95d2026e234f)
这个回答有意思多了,虽然说这个里面回答的苹果的股价是错的,但是写文章这一刻的特斯拉股价是对的上的,本文写于2023年10月16晚上10点51,此刻美股也开盘了,股价会在一个区间内进行波动😂。截图中的那个Related功能挺牛皮的,能够推荐精准的问题,或者说你可能会问的问题,这个功能超级好,我用过好多次了。这一点,也是Webpilot的一大亮点,超级好用。
话题扯远了,既然上面的答案不算完全对,那么继续问它吧,让它给出满意的答案。
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F155940bf-cdde-45b2-9de8-e1d8e1ed10f7%2Fc9c90dce-aa3b-4ede-b187-f21701bfbace%2FUntitled.png?table=block&id=51d5d4e5-4bb6-4379-bae0-743b0bd7e505)
这个答案就很优秀了,耐撕。相当的让人满意。不花钱就能够使用联网功能,获取最新的内容,我觉得用的特别爽。
接着换几个例子讲,最近我用Webpilot还是比较多的,讲我在工作以及副业项目中的使用场景,来体会下Webpilot的惊人实力。
案例1
问题: 用tailWind css库,在nextjs中,帮我写一个页面,用来展示我的邮箱信息等内容,用户有意见反馈可以找到我。
它给我的答案:
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F155940bf-cdde-45b2-9de8-e1d8e1ed10f7%2F414e3c60-933e-4923-a269-386c111f07bd%2FUntitled.png?table=block&id=595c77e7-fe1d-4c1b-902a-7e3a8c581bb7)
这就是他给我的回答,这个答案还OK,正常的Chatgpt应该也可以实现这个效果。接着我又稍微调整了下需求。
问题:
如果我的联系人页面,是黑色主题,你能帮我修改下你刚刚生成的样式效果么.
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F155940bf-cdde-45b2-9de8-e1d8e1ed10f7%2F9429a476-5a17-4469-bbcc-4e3d1c6b510d%2FUntitled.png?table=block&id=9e0528c1-eb6c-4ebe-905c-d939b784f3e3)
最终我采用了这段代码,效果还OK呢。
说个题外话,Webpilot目前生成代码这块,还有点瑕疵,特别是html代码,标签结尾部分老实出故障,期待早点修复这种小bug呢。
案例2
问题: 我想要写一个网页,需求是左右两侧是两个大的div,铺满全屏,还要求能够自适应手机端,你可以用tailwind css库来帮我实现我的需求
我的需求是给我实现两个可以自适应的div,它的第一次回答,讲了具体的步骤以及最终的代码。
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F155940bf-cdde-45b2-9de8-e1d8e1ed10f7%2F27160b21-7d48-42a7-a26c-b8d424e4812f%2FUntitled.png?table=block&id=ac30205d-cd0f-47ab-baa8-53cbea338fb9)
效果有点不满足我的需求,接着我又问了新的问题:你上面的效果,只是宽铺满全屏了,但是高是根据内容自适应的,我希望的高也是全屏的,麻烦你优化下代码.
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F155940bf-cdde-45b2-9de8-e1d8e1ed10f7%2F8ca8fdd6-b2f5-4888-afbf-c95dfddfeaf1%2FUntitled.png?table=block&id=4e205204-6f95-4935-9f7b-6806a99e5808)
后面又问了其他的问题,在这个基础上添加了点新的需求呢。
问题:
接着上面的描述,我希望左边的div里面有一个textarea控件,它是能够填充左边div的大小的,能填满,右边的在div内部也是一个div内容,都是字符串内容,也要能填充右边的,按照我的思路,给我一个实例代码. 还是用tailwind css库来实现。
最终的代码如下:
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F155940bf-cdde-45b2-9de8-e1d8e1ed10f7%2F07570035-6235-4391-b2f6-8a9d623051ee%2FUntitled.png?table=block&id=a65aa3f7-3f0e-494c-82f6-eda3d333c0b1)
总之,在Webpilot这样调试优化代码的感觉很爽。这块就没有在Chatgpt里面来回测试了,只觉得用Webpilot已经很好的解决了我的问题了。特别好。
后续继续问的问题就不截图了,不然内容也太长了。只要按照这种方式问下去,会得到你想要的功能的代码的, 真是贴心的小助手, 干活神器。
其他
在讲点额外的东西吧,
Webpilot
还有其他的很棒的点。多点点Webpilot.ai
站点里面的不同位置,它的交互真的是其他的ai
有些不同的。可以直接在答案里面进行编辑修改,也可以修改问题后重新生成一条新的答案等等。多鼓捣下,肯定有很多发现。交互真是与众不同哦。