惊爆！零代码编程，GPTs引领Coding新模式！

大家好，欢迎来到程序视点！我是小二哥。

前言

自从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 哪里不对，哪里缺什么...

是不是感觉自己突然成了甲方爸爸😂