卧槽！这款神器不用手写一行代码就能做出网站！

蔚落 2022-12-15 11:08 199阅读 0赞

公众号关注 “GitTick”

设为 “星标”，每天带你逛 GitHub！

![format_png][]

来自量子位

制作网站用什么，Dreamweaver 还是 Fireworks？

现在，用 GPT-3 就可以。

一位来自旧金山的程序员小哥做了款名为 **debuild.co** 的网页制作软件，只需要和 GPT-3 “聊聊天”，它就能帮你把网站设计出来。

![format_png 1][]

例如，想要一个看起来像是 “西瓜”（watermelon）的按钮。

那么，把想实现的功能原封不动地告诉 GPT-3 就行！

![format_png 2][]

看，GPT-3 “思考” 了一下，就实现了这个想法，生成的按钮的确有点像被切开的西瓜。

类似地，其他更复杂的功能，这个程序也能替你完成。

## 掷骰子 or 待办清单，无所不能 ##

如果想在网站里生成随机数，只需要一句 “掷骰子” 就行。

![format_png 3][]

看图，GPT-3 不仅理解了你的意思，还真的给你弄了一个生成随机数的功能，只需要点击 “掷骰子”，数字就会在 1-6 之间随意切换。

此外，如果这是个自用网站，你想要给自己做个待办清单，也只需要一句话。

只要像左下角一样，说一句 “我想要个待办清单输入，还想要个保存列表，能展现我的待办清单。”

![format_png 4][]

那么，GPT-3 就会给你弹出一个输入框，还有一个保存按钮。

只要保存下来，就能知道自己哪些事项还没完成了。

如果这是个社交网站，你想要给它设计一个快速生成 “心情说说” 的功能，将自己的心情分享到网站上，就可以做一个选择按钮，例如 “开心”、“难过”、“困” 等。

![format_png 5][]

这样，GPT-3 就会自动为你生成 “现在我很（开心、难过、困）” 的语句。

当然，如果想要卖个萌的话，也可以将你的心情转化成表情包：

![format_png 6][]

或是调戏它，问一句 “p3p3，谁是世界上最丑的表情包？”

GPT-3 思索了一会儿，给出了一个大黄脸，里面带着一个极小的「笑哭」表情。

![format_png 7][]

上面这些程序生成的过程中，可以看见，网站的代码一并被生成了出来。

也就是说，实现这些功能所需要的代码，全部都是 GPT-3 生成的，它不仅能自行理解输入的 “意思”，还能自己将实现的代码编写出来。

![format_png 8][]

具体生成的代码长这样：

![format_png 9][]

看得出，GPT-3 一直在程序设计里面充当 “翻译” 的角色：将读取的指令转换成代码，设计出各种功能和按钮，并将输出呈现给用户。

简直就像是在开发和客户之间直连了一条通路，你需求的功能，这个开发都能快速地实现。

## GPT-3 也在 GitHub 学代码 ##

作者本人在展示时透露了一些信息，事实上，让 GPT-3 学习这个功能，也需要让它在 GitHub 和 Stackoverflow 上学习相应的代码、数据集。

在学习了相应的代码逻辑后，GPT-3 就能根据用户需求，呈现出相应的功能。

例如，如果设计的是一个搜索引擎，GPT-3 也会自己爬取相关图片数据，并从来源引用它。

![format_png 10][]

当然，偶尔在编写的过程中也会犯错，这时候就会出现 GPT-3 “甩手不干” 了的场景，还得人来进行微调。

![format_png 11][]

> 程序：代码中有语法错误啦！

对于这项程序，网友们感慨，这简直是不给 UX（用户体验设计师）留活路啊。

![format_png 12][]

目前，这个网站还在招人，希望能进一步完善软件的各项功能，让人们在设计软件的时候，有更多可以实现、或是可以搭配设计的模块。

## 作者介绍 ##

![format_png 13][]

debuild.co 的创始人 Sharif Shameem，毕业于马里兰大学，兴趣是行为心理学、以及设计有趣的软件。

此前，Sharif Shameem 设计过一个在安卓、Mac 和 Windows 都能用的云游戏平台 **Vectordash**，受 YC 支持。也就是说，这个平台可以让你在任何设备上玩像《GTA5》、《使命召唤》这样的大作。

![format_png 14][]

此外，Sharif Shameem 也做过一些有意思的小游戏，例如只有 512×512 的迷你版《我的世界》。

想进一步了解 GPT-3 的话，可以看这里：

### 传送门 ###

GPT-3 生成器：  
https://debuild.co/

迷你版《我的世界》：  
https://tinyworld.fun/

参考链接：  
https://sharif.io/  
https://www.businessinsider.com/developer-sharif-shameem-openai-gpt-3-debuild-2020-9

[format_png]: /images/20221123/d59f93ce376c4dc9b8a87f0821ba8fd3.png
[format_png 1]: /images/20221123/65e8f05ea3604a619baa5196fe0054ff.png
[format_png 2]: /images/20221123/577663e09037401ea6a20f52a138409d.png
[format_png 3]: /images/20221123/68187e2f332748c3af906475712141a0.png
[format_png 4]: /images/20221123/9a880d67cad94614a66d5bc5411623d6.png
[format_png 5]: /images/20221123/0c1f3e64e57c45f8a5111421ee7c0b7e.png
[format_png 6]: /images/20221123/c6df853174494447a015a4b50fa120cb.png
[format_png 7]: /images/20221123/db1aae576a02442388464771dda3dcb8.png
[format_png 8]: /images/20221123/9cae02566959473aac7e2bd9b79b0416.png
[format_png 9]: /images/20221123/9b874c8f92134459a52848fe4f981726.png
[format_png 10]: /images/20221123/85b9ab9373f74ab1aaadafb56e61c6e6.png
[format_png 11]: /images/20221123/dc9a359b093d4da8b884d475910bf5d5.png
[format_png 12]: /images/20221123/e6e4d4ea0fda461390d3e8610cc57a91.png
[format_png 13]: /images/20221123/2e27512f61b044fc8090c1b6fb5c33f0.png
[format_png 14]: /images/20221123/f78fc15253de47cb8cd4b61a9523d423.png