如何用coze在半个小时内做一个网站?
你是不是也想快速搭个网站,却被各种工具劝退?这篇文章手把手教你用 Coze 搭建一个功能完整、结构清晰的网站,从提示词设计到模块调用,半小时搞定。不只是教程,更是一套可复用的工作流思维。

没想到AI现在已经强大到这种地步了。
我今天尝试用coze做了一个聚合搜索的网站,全程加上我自己的思考和判断,也就半个小时左右,直接生成可交互的网站页面。
下面是过程的简单记录。
创建AI生成式应用
在扣子主页点击【创建】,选择创建应用,点击【AI生成】
(免费版只能创建一个项目,请珍惜!想好再创建)

输入想法,定制功能
输入你的想法,coze接下来就会根据你输入的想法,给出一些功能定制项让你选择,基本上你只需要点点点就好,如果你觉得系统给出选项不符合你的要求,你也可以【输入其它内容】。
如果这都觉得麻烦的话,也可以直接交给AI自动生成核心功能点。

以下是我输入的想法提示词。


生成需求文档
功能定制完成后,会生成功能总结,整体看下没问题后,就可以点击【直接生成需求文档】。
接下来就是coze能力的初步展示,它会快速生成需求文档,从产品定位、目标,到用户群体分析,以及详细的需求说明,甚至包含流程图都会一起生成好。
建议仔细的阅读一遍需求文档,如果发现哪里生成的不符合要求,可以直接编辑修改。


生成设计稿和交互原型
需求文档没问题后,可以点击右上角【生成视觉】,系统会让你选择视觉风格,并自动生成。
完成后会让你选择一版符合需求的视觉稿,进行交互原型的生成。

点击【生成交互原型】开始生成页面。

生成好后就可以左右滑动查看页面,或者预览交互原型了。

生成应用
这是最关键的一步,系统会快速生成所有代码文件,并支持页面预览。
而且有一点非常友好,需求文档、页面原型、代码文件,都是可以直接下载的,非常的方便。

需求修改
应用生成好之后,也可以在左侧对话框中,直接用自然语言提出你的修改要求。
系统会自动修改代码,并且生成新的版本,不过这个过程比较耗时,需要耐心等待。

比如我让AI帮我把颜色换成了白色,修改过程中代码运行出错,点击控制台的【自动修复】,还能自己修复错误代码。
不过改完之后,首页上的元素有些丢失。
整体用下来,比较流畅,但是会有肉眼可见的token消耗。
而且生成的网页,虽然可以进行交互,但实际并不能真正使用,如果需要的话,得自己下载代码部署到自己的服务器上,这对于没有技术背景的同学来说,难度其实还是不小的,肯定会涉及到大量的调试修改工作。
不过,这已经节省了很大一部分工作量了。
可以动手试一试。
作者:向上的小霍,现任某厂AI产品经理,公众号:向上的小霍。
本文由 @向上的小霍 原创发布于人人都是产品经理,未经作者许可,禁止转载。
题图来自 Pexels,基于CC0协议。
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。
- 目前还没评论,等你发挥!

起点课堂会员权益




