大家好,欢迎来到程序视点
!我是小二哥。
前言
自从OpenAI推出GPTs以来,这个Store就火得一塌糊涂,小二哥也忍不住当了一把氛围组选手~
GPTs 就是 ChatGPT 的定制版本,任何有权限的人都可以创建 GPTs,无需编码,0 代码就能创建一个定制版的 ChatGPT,并可以将创建好的 GPTs 分享链接给别人使用,或者上架到 GPTs 商店赚钱。
在GPTs商店里,各种应用简直就是五花八门,看得小二哥应接不暇~
由于小二哥日常涉及到程序代码的时候比较多,对这个相对敏感些~ 于是在GPTs商店找到这样一个蛮不错的应用:Grimoire
Grimoire 简介
Grimoire GPt的功能定位是一个将任何人变成编码工程师的AI工具。 我们来看下官方的简介。
Coding Wizard: 100x Engineer. Build a website with a sentence. Built for a new era of creativity: Prompt-gramming.
Build a website with a sentence.(一句话构建一个网站。) 小二哥也是因为这句话被它吸引的。
只需一句话,Grimoire GPT就能为建立网站,开启一个创意的新时代,实现即时编程。想想是不是很惊喜!
更酷的是,如果你想指定样式,可以手绘草图,或者截图目标网站;然后直接丢给它,它就能给你做一个一样的网站!-- 这就是小二哥想要的呀!
Grimoire 实操
由于小二哥属于小白级选手,就是参照网上各处的教程执行的,仅供大家参考!
先找个网站,截个图。
然后上传图片,写下一句话:Build a website from a screenshot 让 Grimoire 执行。
Grimoire 接收图片和指令后,开始分析网页组成,分为三大区域,导航区、搜索过滤区、内容区。导航区有一个 gpt-list 的 logo,一个 gpt ai news 的导航条.... 从上到下、从左到右,层次分明、逻辑清晰;
连文字内容都精准无误!果然厉害!但Grimoire并没有直接开始写代码,而是提示分别完成 html、css和 JavaScript文件。
小二哥那耐得住性质看这些哦~~ 咔咔让 Grimoire GPT 自己来(不是号称“一句话”哇)!
最终,Grimoire完成了所有代码,给了个包,点击链接下载!Bingo~ 解压出来看看。
结构非常简单!貌似不错呐~ 打开 index.html 预览下!
Wonderful? 你管这叫网站,Grimoire?这显然不是我想要的结果!看来当甩手掌柜是不得行了。再找 Grimoire 改改吧!
显然 Grimoire 根据我们的提示,找到了问题,并重新给了一个新文件。
下载新的 index.html 到本地,替换之前的文件,再打开。嗯嗯,有效果啦!样式生效了。
看着像那么一回事儿!但细看,还是有些问题~
这不...还得告诉 Grimoire 出现了哪些问题!
然后,Grimoire 又给生成了一个版本!再来看看效果~
嗯嗯~又进步了一丢丢,把我提到的问题给处理了下😓
要达到想要的效果还差很多。于是就需要反复的告诉 Grimoire 哪里不对,哪里缺什么...
是不是感觉自己突然成了甲方爸爸😂