欢迎大家来到阿阳的 ai 的 小课堂,那上节课呢,我们整体学习了科目四的一些基础界面的使用,以及如何通过一句话快速让 ai 帮我们搭建一个网页小游戏。 那今天呢,我们主要通过一个个人网站的案例,教大家如何去做一些进阶的操作。那个人网站呢?对于我们个人来讲呢,它是一个很好的品牌展示的一个入口,那不管是你的职业的经历,你的作品的案例,还是一些兴趣的分享,它都可以系统的整合为一个你个人的品牌的资库,方便和他人建立一个初步的认识, 对于我们以后找工作,干自己的副业或打造 ip 都是一个非常棒的入口。好,那我们打开 content 之后呢,依旧回到的是我们的聊天的界面,那在本次的个人网站的 呃课程里面呢,我们首先会去带大家去感受两个新的不同的功能,那第一个就是之前说到的多模型腾蛇来去跑的这样的一个功能,它可以让你同时雇用八个 研究人员一起帮你去测试每个模型的结果。然后我们把这个按钮给打开,要跟之前讲的一样,如果这个按钮是灰色的,你需要在终端里面这里哎,点击输入 get int, 然后记住这个 get 一定是大写,中间要留有一定的空格来去开启我们的 get 仓库,才能去使用这个功能。 ok, 我 们把这个关掉, 那我们来初步感受一下这个不同模型之间运行同一件事情的这个效果是怎么样的,那还是因为我们这次的目标是做一个个人的网站,那我们一开始还是直接给到模型一句话,帮我去生成一个个人网站, 或者帮我写一个个人网站。那为了测试效果,我们可以在这个模型再加一个别的,我们再加一个包内四点五吧, ok, 我 们三个模型一起跑,好 回正。那在这个运行的过程当中,其实我们会发现几个不同的点呢?第一个其实他们的思考状态跟推理的过程是不一样的,有的模型可能是直接过来去写任务,有的模型会依次根据你的信息去罗列对应的这个需要做下来的一些分步骤,然后再去依次去执行。 那有的呢,他就是直接去查看他当前线的代码,然后再去进行生成,每一个模型的思维方式其实都不一样,那他自然生成结果其实也不一样。 那其次我们能看到每个模型生成的一个速度啊,你会发现 composter 模型在我们在说话的时候它已经生成了,那我们直接打开我们的预览,来看一下我们这个 composter 模型生成效果。 那眼尖同学却已经发现了,它确实是一个个人网站,然后整体的布局啊,结构啊,没什么太大的问题,更像是一个个人的介绍,还有项目作品的一些演示。但是在在最开始的时候,它的前面这是个开头,好像颜色会有一点点的淡,不太利于我们阅读。 而且它最上面的部分它其实是深颜色的,下面是白色的,其实这几个颜色之间的平衡的效果其实也没有那么的好。那没关系,我们再来看一下这个时候第二个完成的呢,其实是 sonnet 四点五的版本,它已经完成了,我们同样来看一下它的效果, 它有点像延续了我们上一个网站的效果了,我们重新给它输入一下,这个时候我们如果点进去到这个模型里面单独跟它对话,它是不会同步到任何同步到其他的模型里面去的。 这个是对于模型的单个的指令的输入,跟我们下面这个聊天对象框是不一样的啊。这个时候我们发现其实 gpt 五还在坚持,他还在做他自己的这个模型,他已经做到第三步了,我们多给他一点点的时间。我们的桌面的模型在我们新的指令下已经在重新开始输出了。 对,而我们的 clone pose 的 模型在速度上确实有点遥遥领先的意思,每次都是他来等着其他的模型来进行输出。但是 g p t 五的有个好处,你会发现它的上面会写着它的执行的步骤已经到了哪一步了,现在是三分之二,它会给你一个比较直观的展示,再稍微等两分钟,还等个二十秒吧, 你会发现呢?那即使是同一个问题,不同的模型之间的回答效果也是不一样的。那真能发现,其实我们的模型生成的一个质量,其实跟工具本身没有什么太大关系,它的核心的底层原理其实是基于模型的能力, 而模型就像是一个工具,就像是 control 的 大脑一样,那你给他不同的大脑,他其实会给你不同的一个生成的结果。 所以我们在用模型的时候,建议大家一定要多去切换这个模型去用,因为不同的模型呢,它的长处也不一定,那有的人可能擅长比较写代码,有的人可能擅长写网站, 有的人擅长写小程序,那有的人可能对于复杂的能力处理比较好,有的可能对一些简单快速的内容处理的比较好,这个时候呢,就需要我们不断的去尝试我们模型的一些编辑的能力,在这个用的过程当中,你就会找到属于最适合自己的那款模型,甚至于因为每个人的说话的方式,包括语言的表达逻辑其实也是不一样的, 那即使是同一个模型,那你的语言的表达方式不一样,也会影响他输出质量的一个效果。所以我们的模型在使用过程当中,其实更多的是一个模型了解的过程,你 来去了解模型,模型在这个过程当中也同步去了解你,他会知道你的喜好,你也会知道他的喜好,这样的话他就会慢慢的演 演变为一个个人的私人的智能的助理,他只属于你,他的说话方式只有你能懂,而且你知道如何跟他去交互,这是慢慢的我们可能在向 a j i 通用人工智能迈进的另一种策略。其实 g p t 五在写到这个回过来他再去写到他的这个网站的时候,已经三分之二还在写,哦,差不多我们基本上已经接近尾声了 啊骚内四点五的时候,他并没有提示他的进度在哪里,因为他一开始并没有规划自己的步骤,所以他只有一个这个文件的信息的展示,那我们其实并不知道他的进度在哪里,但是这个 g p 五应该已经快结束了, 我们再给他一点点时间,看看是不是速度越慢,效果这个生成质量反而越好。这两个的速度现在不相上下,我们看到底是骚内的共胜一筹还是 g p 五共胜一筹呢?有没有感觉像是在看两个模型在互相的带去竞争, 你也很难想象到底是谁写的更好,谁写的更快,因为他们都在疯狂的去做代码的输出,感觉看起来都非常的卖力。而本地的这个 cos 自带这 cos 模型,就像是一个吃瓜群众一样在看他们互相打架, ok, 我 们来看到其实 g p d 五已经写完了,而三内的还在去继续写,我们先来看一下 g p d 五的效果,我们再来再来一遍, 这个时候看到了这个就是我们这个 g p d 五给的效果,但是怎么感觉有点像是抄了 com 四模型的效果呢?我们回过头来再看一眼,确定 点一下,再确定一个文件有问题,稍等,我们来看一下到底是什么问题。这个时候发现其实我们右边的这个菜单栏里面会发现它里面的文件会有一些发红,没关系,还是用我们的老办法,我们直接截图, 为了防止模型看不懂我们到底要表达什么,我们把这些有问的地方圈出来给到模型,让他帮我们解决一下,让他帮我们看一下这些发红的到底是一个什么样的情况。 你就会发现其实我们有时候跟模型聊天,就像在跟领导聊,就像是我们扮演了一个领导,而模型就像是我们手下的员工,有什么问题我们直接掏给他,让他帮我们去做解决啊,他说可能是一个缓存的问题,然后他会重新配置和验证。那这个时候发现我们其实 sorry 的 模型也已经写完了, 那我们这个时候应用一下这个,好像那预览这个时候出现了问题,不要慌,我们同样截图这个问题很严重,其实我的语气已经有一点点微微的生气了啊,当然我不是真的生气,我是故意的, 因为你的语气情绪的表达也会让模型的生成效果更加的专注一些。也就是说你的平常的语气跟他说话,跟你用非常生气的语气, 或者是非常温柔的,或者是有奖励性的语气跟他讲话,生成效果是不一样的,他反而会进一步的更好。这个提升效率大概是在百分之八到百分之十左右,这是中科院当时发表过的一篇文章,经过严谨的论文得出来的。所以以后我们再跟模型去聊天的时候,你可以尝试着, 比如说你如果是一个温柔的人,你可以跟他说话更加的温柔一些,但是如果你是一个非常干练的,追求效率,那你跟他说话可以更加的严厉一些,甚至可以进对他进行一定的 pua。 ok, 这个时候呢,好像他看起来已经没有什么太大的问题了,最起码一些所有的 bug 都能解决了。 但是我们的预览界面的效果好像并没有出来哦,出来了, ok, 这个是这个 control 模型生成的这个最终页面的效果,它用了一种紫色的风格, 但是它的字体之间可能会有一点点的小的错位,还有这个颜色可能有点浅,跟刚才我们看到其实大差不差,只不过颜色上面可能会有一个比较明显的区别,它中间这块有点太黄了, 这边的图片因为我们并并没有给他内容没有加载出来。那那到这其实我们会发现刚才我们虽然说同时起用了三个程序员一起帮我们去写代码,但是会出现一定程度上他们之间几个之间会互相的打架,导致每一个的预览效果好像都不那么的好,那虽然我们最终把它改过来了, 那他也会有一些不同情况的一些问题,比如说间距上面,比如说设计并没有那么的合理,比如说颜色的运用也没有那么的好看。 那么同样是一句话,我们能不能让模型生成效果更好呢?当然可以,因为我们给入的需求不一样,我们给入的信息不一样,模型所能理解到的信息也不一样。那如果我们现在想要做一个非常专业的个人网站,又想要模型一次性输出比较棒的内容,我们可以通过调整模型, 调整我们给到模型的输入,让他变得更加的专业一些。具体怎么做呢?也很简单,那在这里面我们在使用模型工具当中一定要去有一个新的学习的思维,不管什么样的问题一定要去问 ai, 尤其是当你卡住的时候问 ai 他 一定会给你答案。 比如说我是一个完全不懂网页的人,我也不知道如何去写好一个网站,那么我就可以把我的这个需求给到模型,直接告诉他,我是一个完全不懂网页设计 开发的小白。是呢,但是我现在确实需要写出一个炫酷专业的个人展示 网站,但我并不知道写好一个网站的维度有哪些。对,请你以一个专业的网站专家的角色,以一个专业的网站公家专业的角色,给我生成一套可以 直接给模型使用的提示词。 ok, 那 我现在在做一件什么的事情呢?我也不知道我给的输入到底是好还是不好,所以我只会给到模型一句话,让他帮我去生成一个网站。 但是这往往可能伴随着我们的任务的复杂性越来越高,模型给出的效果呢,可能也会逐渐的去变差。那么没关系,我们先让模型帮我们去优化,给到一分没关系,正在这九分,我们可以让模型来补, 让他帮我去优化我的背景和需求,然后按照我的意图写一个更加专业的题词词。我们给到模型那这一步其实本上来讲就是让他们帮我们构建一套专业的题词词,我们来看看它的效果。 所以用我们的需求呢,就让他帮我们去写一个过度的题词词,那所以他其实并不会去调用我们本身的一些代码的能力,他只会去写一个这样的文本的 内容的信息,那我们也可以通过这个内容信息进行增加和删改。那其实网上会有很多的人在去教你如何去写一个这样的 prompt 或者叫 pe, 其实就是一个用户的提示词。那一个好的提示词呢,确实能够极大地去提升我们对于模型生成效果的一个质量, 但是有时候往往的提示词会比较的复杂,包括会有对应的一些角色目标、技能、背景、行动步骤,包括一些势力等等。他有时候看起来会非常的长,而且每一个新的项目可能要都要去给一套对应的提示词, 但很多人会苦于我也不知道如何去使用一个提示词,你让我去重新去构建一个角色目标、背景、行动,我自己也都不知道怎么做,尤其是做一些比较专业的项目的时候,更是无从下手。但现在其实这并不是一个问题, 那更多的时候其实是你只要把你的需求给到模型,你既然想要一个专业的题词,那你不妨让模型帮你去写。而这个效果虽然有时候达不到我们专业的 prompt engineer 这种题词工程师的一个角色, 但是大概率会拿到百分之八八十分左右的能力,完全够我们去做出一个非常优秀的题词的内容了。而这部分只需要你 一两句话解释清楚你的需求就好了。但是很多同学再去做这一块的时候,确实反而会转不过来弯,他不知道原来还可以这样去做,原来可以模型让我去有一个新的思路,我可以让模型帮我去解决,一定不要小瞧了模型本身的能力。 ok, 我 们来看一下他写的题词到底是怎么样的,我们可以直接打开,你会发现他其实给了你非常专业的视觉设计的维度,其实我并不是一个设计出身,但它里面告诉我了主调的选择需要有两三种主色, 色彩对比大概要是多少,心理学大概是多少深色模式和浅色模式的功能,包括一些界面的应用,还有一些不同的排版、视觉层次、视觉元素。我 作为一个设计出身的 ai 训练师,这个东西其实已经非常的专业了,还有一些交互的一些设计,包括一些响应式的布局,包括性能优化的维度,已经非常全面了,但是它的内容确实还挺多,那这里面还有一个小的窍门,如果你认为这部分的内容呢,特别的复杂,我们可以其实直接的进行删除, 那当然你也可以选择你想要修改的内容,直接选择在这里面点击编辑,这个时候在这个文本的编辑器的上方就会出现一个新的聊天框,你可以直接给他需求,比如说内容太多了, 精简一下,那他只会对于你刚才选中的这些信息进行更改,而不影响其他内容。这也算是一个比较好用的一个功能,他可以随时用 ai 帮你去优化你的文本以及你的内容的信息,我们只要在这里面点击采用采用就可以了,那这个时候他其实已经帮我们优化过我们刚才这个信息了。 ok, 那 假设我们这个时候已经把我们的题子词写好了,当然这个题子词是模型帮我们去写的,我们只不过给了他两句话而已。 那这个时候我们再给到模型一个内容的时候,我们就可以直接艾特我们刚才的这个网站构建专家的提示词,我们直接跟他说按照 这个的要求, ok, 按照这个要求重新帮我生成一个新的个人网站啊,那这个时候他其实按照我们刚才说的很多复杂内容依次进行优化,我们等会我可以看一看他的内容到底生成效果和之前到底有没有一个比较大的改变。 那我们刚才,那我们刚才讲的这一整套呢?其实本质上是通过我们文本的优化来去提升我们实际上输出的一个效果。 那因为我们没有给他一个对应的案例的参考值,我们也没有给他一个对应的图片的信息,也没有让他去看一些对应的链接,去参考这里面的格式。我们只是纯的文本的描述,当然因为文本的时候,有时候我们很难把我们的一些具体的信息描述的清楚, 我们是不是有一些别的方式可以让我们更加的得到想的内容,而不是单纯依靠文本吗?当然可以。 而这种文本交流的方式呢,其实更加适用于可能有的用户,他并不知道自己想要什么,那很多的信息,只要你把细节补充全,慢慢的一点点通过文字内容的表述呢,让模型通过自有的本身的一个能力去生成一个看起来比较不错的能力。但是如果你有自己的想法,你有自己的参考,你有自己的一些创意的点, 你已经有现成的素材了,我们完全可以用另一种方法,我们直接给他我们对应的想要的一些图片的样式,让他作为一个基础参考信息员,再去生成对应的信息。 那我们先来看一看他的生成效果,哇,你会发现这个时候他其实随着我们的公改,你发现他的字,其实他是一个即时性的信息的展现,那他虽然没有改完,但是其实我们已经看到了一些不一样的设计在里面, 整个的颜色呢会更加的艳丽一些,而且他们已经没有出现,刚才像我们出现的这种间距不太不太符合,而且他的信息有时候会太暗,看不清的问题了,整个的视觉的可略读性其实已经大大的去提升了, 而且他也没有出现中间突然间会有一个特别亮啊,或者中间有一个特别暗的情况,那整个的视觉的效果呢,其实比我们刚才的那一版要更加的优质了很多,最起码没有一些小的一看就有问题的那种那种情况。 ok, 那 这个呢,我们已经做完了一个初步的个人网站,那剩下方式其实很简单,比如说 我可以告诉他,因为我并不叫这个信息,那我们可以直接框选他,然后告诉他这个地方是需要改名的, 或者是你也可以直接文字表达,让他把你好,我是杨昂这几个字改成你想要的名字,那我会这里面直接粘图, 这个名字应该是阿阳,对, ok, 回给回给他。这个时候呢呢依次进行去改正。但是呢这个时候其实有的同学就会发现了,那如果我要去改里面的某每一个信息是不是都要去截图 单独去思考一遍,这确实是一个比较复杂的工作量。当然你也可以依次告诉他首页上的这个名字要改成什么,下面的这个信息要改成什么,这个时候你会发现他其实已经改完了,那其实我们只要一次去改也是可以完成的,那其实还有种方式呢,因为 我们的工具的创作的想象力其实本身是在于你,我们其实甚至也可以让他,比如说你让他创造一个可以及时编辑的一个后台的界面,让他可以随时去更改这种人的信息,也是可以的。我们之前也有同学是这样做的,效果也还不错。 ok, 那 我们这次核心是讲清楚, 如果遇到一个比较复杂的信息,但是我们又不会写题的词,我们可以用什么样的方式去构建一个比较专业的,并且能够有效的效果还不错的形式,去给我们生成一个以文字交流得出来的一个比较好的个人信息的这种方式。 ok, 那 这个时候我们的这个东西已经做好了 的。第二种的形式,通过去构建一些自己的参考图,或者有一些额外的创意的素材,让他给我们去进行实现。那这里呢?可能需要在一开始我们要做的并不是直接让他去生成一个网站了,而是我们应该先让先通过自己的一些好的这个 灵感的素材的地方,我们自己先去找一些信息。当然如果你不知道一个好的灵感的素材库在哪里,我们还是可以用我们的老办法,我们可以让他说给我几个世界上 著名的网站设计参考 网址,网站都可以,这个时候你会发现他其实给我们很多哇,比如说这个工具,这确实是我们之前经常用的一个工具,包括追波,也是包括比汉斯啊,包括一些其他的工具,这么多工具总有一个适合你,其实我们可以直接复制这个页面, 直接去放到我们的浏览器里面去打开, ok, 这个时候其实我们打开的就是这个页面,你会发现这个页面他给的效果还不错,确实排在了第一个,这里面会有一些优秀的一些设计的网站先关掉, 我们其实可以点进去看一下他一些不同的设计,那在这里呢,其实我当时自己找了一个还不错的网站,是这个,那其实我已经做出来了, 那我当时抄的是这个,我当时抄的是还原的是这个,你会发现其实会跟他有一些异曲同工之处。那我们就按照这个为例,我在鼠标移动的时候呢,其实周围三 d 的 环境也会去更改 刷新一下,他应该是在的我的这个鼠标滚动的时候呢,其实我的这个信息是可以往下去翻的,对,他会有一个上下滚滚动这个效果,然后这个图片呢,其实还是可以点击的,因为这个呢,其实是我花了一个多小时左右不断去调出来的, 然后呢因为他还没有一些额外的太多的这些二级的页面。那我们来看一下如果要单纯要去做这样的一个效果,这样的一个布局我们可以怎么去做?我们话不多说,我们直接给他我们的参考, 按照这个布局, ok, 我 们直接发送。哎,打开我们的预览模式,稍微等一下他的这个的效果,那其实我们正常的这个逻辑应该也是这个样子的,我们找到了一个我们想要的参考图, 然后呢我们直接按照这个参考图,让他一点点去完成我们每一个界面的设计。 ok, 然后我们看到了这个时候他已经生成了,但是因为我们的预览没出来,那我们还是让他 做一个本地预览啊,他在这里面并没有直接给我们一个预览的界面。 ok, 然后在浏览器当中打开本地预览,启动服务器,在服务器当中打开,然后这是他给的一个 这个界面的网址,我们把这个网址呢直接复制到我们的这个里面。 ok, 他 可能会出现了服务器的问题,没关系,我们直接, 哎,还是老办法复制显示报错信息。 ok, 我 们已经可以看到我们的预览了,但是呢,他跟我们的想象还是不一样,但这个时候我们再去做的时候,我们的可操作空间可能就会多一些,因为他的所有的信息都是比较干净的。那 ok, 我 们来 说一下自己的诉求,首先这个时候我们要去发挥自己的语言表达的能量,我们要通过语言的方式描述我们到底想要一个什么样的内容,这是第一屏的首页,然后呢首页的中间呢会有 一行字,欢迎来到安安的扑克。呃,下面呢是几个对应的标签,那到时候我们会负责加一些链接,可以直接跳转到我们对应的一些自媒体的平台,这是在正中间,那图片呢?在四周分散在文字的周围, 大小不一,并不是整齐的放在了下面啊,就像是我们去做一些图片,我们看到描述一样,因为它现在确实是整齐的放在了下面。然后还有一个文本框,里面 写的是毕加索的话,但是现在他太大了,他应该左上角,并且更小一些。我们已经描述的非常的完整跟细节了,我们来看看对于这个模型的理解能力到底怎么样。 ok, 他 已经把我们的这个卡片放在了左上角。 ok, 这个时候呢,他确实变成了一平,确实也没错,我们刷新一下看效果,但是呢,他的这个周围太密集了。然后, ok, 而且他这个卡片居然还加了一个有趣的毛玻璃效果。哇,这,这等于是他确实做了一个好的创意的发散。那这个时候我们让他将图片的内容间距再大一些,再大一些。 ok, 一 句话就可以,我们刷新一下,呃,还是不够大。然后呢,我们重新 截一张图片,哎,还是找到我们刚才那个参考,我们再来试一下,我们把这个参考给到他,哦,我还是用横框标出了原有图片的位置,为了让他看起来更加的醒目一些,然后我们把我们 这个已经标好的图片,然后给到模型。请参考,切记,一定不要进行, 不要有图片的重叠,因为这确实是经常容易发生的事情。而且我们每次在去跟他进行沟通的时候,这个问题一直并没有很好的解决,那我们还是通过了给他参考图的方式,让他看能不能解决这个问题。 ok, 如果还不行的话,我们只能拿出我们的杀手锏了,他好像的效果并没有我们想象中的那么好。没关系,我们直接把这个网站的网址复制给他,我让他参考一下这个网站的信息,按照这个代码的布局进行 参考优化。哎,我们直接拿到了这个网站的原来的那个代码,直接从扒下来的,我们来看一下我们直接给他代码的效果,会不会有一个不一样的这个展现。 ok, 我 们刷新一下 它的效果呢?还原度还是差了点。其实做一个网站其实很简单,包括做一个小游戏其实也很简单,但其实难的就是因为模型很多的内容都是自我发挥的,那能不能让你的模型听你的话,这就这就非常的关键了。那同样是一个人用模型,有的模型可能想让模型干什么就干什么, 有的人可能想让模型往这走,他反而要往西走,每次走出来效果都不如意,那本质上来讲他其实并没有什么太多的一些技巧。当然如何跟用户的,如何跟模型交流,如何使用提示词也是非常关键的一步,但更多的是你是如何去了解这个模型的? 那你认为他什么样的东西能做到,什么东西做不到?他的边界到在哪里?这反而是当前我们再去用模型最能拉开差距的一个点,然后我们看到他其实依次再去进行改正了,那我不知道这样的方式其实对于模型来讲他能不能更好的理解, 然后因为我们特意给他加了一个预览的界面,给了他加了一个自我检验的这个界面,让他自己进行检验,而你会发现他好像自己还给自己截了一张图, 然后以此再去判断这个图里面对不对。哇,这个好像对于我们来讲,好像省了我一直反复的跟他去讲的一个关系, 但是还有一个弊端就是 y 它的图一直不对,它是不是会一直的去循环下去?哎,你会发现其实我们右上角的卡片的位置已经差不太多了,只不过这个这个中间这张图片可能有点太靠中间了,然后上面这张图片有点太靠下了, 其实这样我们就很好解决了。我们其实只要指定这三张图片以及最下面这张图片,我们去优化一下就可以了,包括右上角这张图片,我可以让他靠上一些,请给我整个中间位置的 大小,我们直接复制我们原有的这个布局,然后我依次进行手动的更改。那第一张图片呢,距离的位置是百分之三,那我们让他 更远近一些,然后右边不需要动,然后呢上方呢?这个位置呢是距离是百分之一,那我们再让他更靠上一些,我们先感受一下到底有没有反应,我们先发送一下。 我好像发现了另一个问题,就是因为我们其实已经明确给了他详细的坐标,但他依旧没有改好,会不会是因为整个页面就是超出了实际看到的这个区域呢?我问他一下,会不会是因为整个高度导致的?他的这个信息一直没有, 没有办法再去进行移动了,整个图片的高度呢是一百,增高百分之 三十,我们看一下增高会不会有,会不会有印象。终于我们在尝试了这么多的问题之内,终于发现了布局不动的原因,是因为我们中间的这个位置的区域的高度其实已经被固定死了, 他只有百分之一百的这个空间,那当我们增大了百分之三十之后,发现整个的图片的位置终于开始移动了,所以刚才我们即使试过了再多的一些内容,我们都没有办法更改它的布局了,那最起码在现在这个结果来讲, 已经算是我们终于知道了问题的所在。 ok, 那 我们现在只需要按照我们的想要的布局,我们将文字的这个信息再靠下,再靠下一些,然后呢,标签和文字 中间的距离靠的近一些,那只要他能够完整的听懂我们的这个需求,那就会发现其实那模型其实一直是能看懂我们的需求的,只不过他有时候绕不过弯, 他根本不知道原来,呃,这个的问题的限制是在于布局上,那作为一个专业的程序的开发者来说,如果他真的是一个真人,他会告诉你,你的布局动不了,是因为你的上下的高度已经固定了,而不是不断进行尝试。这里呢,其实我们能看出来模型的一些缺陷,他其实对于人来说,他的变通能力会更差一些, 他确实在完成你的任务,但是有时候反而给你出的结果会一直循环往复的进行尝试啊,没有一些新的思路。而这部分呢,就需要人为的去进行一些创意的尝试,还有一些不同的思路的改变了。 ok, 我 们终于改好了我们大概的一个内容,当然可能下面这个图片呢,可能还是有点点靠下了,我们再让他改一下中间靠下的图片往上。 这个呢,是我们终于看到的我们认为还不错的一个界面的信息了,虽然你可能直接看到的是这样的一个页面,但中间其实仅仅对于这个布局的修改,我们经历大概只有两个小时左右, 一直在跟模型进行博弈。在这个过程当中,其实我猜测了模型的各种出现的问题,可能是底层的原有的网站的问题,可能是中间的规则写的不够的完善,可能是模型对于我们 布局的一些缺陷,可能是他对于位置的编排并不够理解,结果万万没想到的是,是因为中间的我们的高度 啊固定死了,所以模型根本没有办法去移动上下左右的位置,他也没有办法去回答你为什么我的位置没有办法还原到想象中的那样,那你很难想象到原来为了一个这样的页面,我们中间花费了这么久的时间,而在中间其实推算了很多模型的问题,包括对于布局的间距的没有办法的理解, 对于位置移动的这个缺陷,那甚至会以为是对于我们的规则的一些固定死的要求,那以至于每个模型我们在尝试了这么多次之后,好像对于这些格式和排版这部分都有一定的缺陷, 那其实反而最终的结果是因为我们中间的高度固定死了,导致模型没有办法更改,但是模型又不说,就像是一个一股脑只知道执行的机器,那其实我一直以为模型已经很聪明了,但没想到会在这么一件简单的小事上反而会出现这样的问题, 那其实进一步也知道原来模型的能的缺陷会有这么多奇奇怪怪的原因,那这也是作为了以后我们再去做各站的一个经验,那其实我们不光要去考虑到它实际的一些实际的效果,还要考虑它中间的布局,包括上面的布局,下面的布局会不会是因为空间的元素影响了这个图片在位置之间的关系, 那也算是一个比较有趣的经验。那后面的一些优化内容就很简单了,比如说我可以让模型将字体都改为宋体,让图片有 三 d 的 效果,可以跟着鼠标的移动微微倾斜,或者是随着我们滚轮的波动呢?我可以去切换它上面的一个信息,或者说我可以让一张图片跟随着我去留到下一张的页面,我们会有各种各样的方式,其实这样就会好好做很多了, 那大家也可以按照这个方式呢,去不断的尝试自己的这样的一个风格。当这个过程当中我们可能做的不是同一个页面, 但是最关键的是你会在什么时候放弃和模型之间的博弈,你在什么时候会放弃不再使用 ai 了?那在我看来,其实任何时候我们都不应该放弃对于 ai 的 一些使用和探索, 早晚有一个内容我们可以解决它,那我们在解决的过程当中,其实也增长了我们对于模型实验的一些经验和技巧,而且这些都是我们自己总结出来的宝贵的经验。可能它会在某一天,随着我们的模型的更新,它会变得越来越聪明,它会不在乎有这样的问题, 但他早晚会有一些新的问题,而你永远是一直跟模型博弈在前线的人员,你永远知道模型在当前的阶段到底到一个什么样的地步, 你永远可以更好地利用它。我希望大家都有这样的和 ai 一 起研究,包括一起探索能力的这样的一个坚韧不拔的状态,即使它确实会很耗费我们的时间,但它确实是一个不错的体验。 ok, 我 们刷新一下,这时我们感受到了他已经把我们这个东西变成了这个宋体,那当然他的图片上好像没有什么太大的变化,我们刷新一下, 这个好像没什么大变化,那可能这是又一轮我们要重新再去跟魔性进行斗智斗勇的博弈。那这个就不跟大家去演示了,任何的界面其实我们都可以做的出来,只要你敢想,只要你敢做,那没有什么网站是做不出来的。那期待大家能做出自己喜欢的各站。 最后已经做好的各站呢,是我花了接近可能一周的时间不断的去尝试跟使用,当中其中用了两个账号的额度都已经没有了,最终出现的效果呢,我会放在了评论区,大家也可以作为一个参考的形式,也期待大家的作品可以同时展现在我们的评论区。
粉丝2.6万获赞11.5万

太炸裂了!这个基于 vs code 的 开源产品才是真正能平替 curser 的 神器!大家都知道 curser 是 基于 vs code 开发的,而 voice 也是,操作习惯和界面跟 curser 一 模一样,但它完全开源,免费来看效果演示,告诉它你想要什么功能,它就能自动帮你写代码,还支持接入本地模型 word, 不 仅支持氛围式编程, web coding, 描述一下需求,它就能帮你自动生成对应的代码模块,不管是新功能还是代码重构,一句话就能搞定。而且还可以智能生成 get commit, 它能分析你的代码改动,自动生成清晰规范的提交信息,再也不用为写 commit message 头疼了。 还能实时智能补全。写代码时,它会预测你想写什么,按 type 就 能一键接受,代码补全,快到飞起。 不过 boy 的 原版有个缺点, a 阵的智能体的对话框不支持图片识别,但我进行了二次开发,现在对话框可以直接识别图片了。我现在把 boy 的 官网截图丢给他,他就能直接一比一的复刻这个网站,来看看复刻的效果,直接在浏览器运行, 效果和 boy 的 官网一模一样,以后看到喜欢的网站截图就能复刻。感兴趣的话评论区留言分享,我把详细的使用教程发给你。

写代码,我不允许你再熬夜脱发!改 bug 改到崩溃了,千万别再死磕传统的低效的开发方式了。 上周呢,跟朋友聊,有个人写接口写了三天,调低 bug 呢,又调了两天,他说写的头都要秃了。直到他用上了 ctrl, 十分钟生成了核心代码, bug 率呢,直降百分之六十。哎呀妈,他说能准时下班撸串了。成年人呢,咱们只看效率,不看苦劳哦! 而这款神器,两年半估值翻了七十倍,年入有十亿的美元呢,可想而知,因为打谷歌都抢着头, 电商上线周期砍了百分之八十,连八岁的小孩四十五分钟都能搭个机器人了。猎豹两周搞定了三个月的活,克里斯呢,也在国内爆火,月活呢超过一千两百四十三万,渗透率达百分之十八, 年增速值逼百分之一百九十,碾压了多数的竞品。你用 ai 编辑工具了吗?效率提升了有多少呢?评论区扣一,让我看一下有多少人想要学习科学!下期更精彩呦,我们不见不散!