如何用coze在半个小时内做一个网站?

0 评论 822 浏览 2 收藏 6 分钟

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

没想到AI现在已经强大到这种地步了。

我今天尝试用coze做了一个聚合搜索的网站,全程加上我自己的思考和判断,也就半个小时左右,直接生成可交互的网站页面。

下面是过程的简单记录。

创建AI生成式应用

在扣子主页点击【创建】,选择创建应用,点击【AI生成】

(免费版只能创建一个项目,请珍惜!想好再创建)

输入想法,定制功能

输入你的想法,coze接下来就会根据你输入的想法,给出一些功能定制项让你选择,基本上你只需要点点点就好,如果你觉得系统给出选项不符合你的要求,你也可以【输入其它内容】。

如果这都觉得麻烦的话,也可以直接交给AI自动生成核心功能点。

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

生成需求文档

功能定制完成后,会生成功能总结,整体看下没问题后,就可以点击【直接生成需求文档】。

接下来就是coze能力的初步展示,它会快速生成需求文档,从产品定位、目标,到用户群体分析,以及详细的需求说明,甚至包含流程图都会一起生成好。

建议仔细的阅读一遍需求文档,如果发现哪里生成的不符合要求,可以直接编辑修改。

生成设计稿和交互原型

需求文档没问题后,可以点击右上角【生成视觉】,系统会让你选择视觉风格,并自动生成。

完成后会让你选择一版符合需求的视觉稿,进行交互原型的生成。

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

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

生成应用

这是最关键的一步,系统会快速生成所有代码文件,并支持页面预览。

而且有一点非常友好,需求文档、页面原型、代码文件,都是可以直接下载的,非常的方便。

需求修改

应用生成好之后,也可以在左侧对话框中,直接用自然语言提出你的修改要求。

系统会自动修改代码,并且生成新的版本,不过这个过程比较耗时,需要耐心等待。

比如我让AI帮我把颜色换成了白色,修改过程中代码运行出错,点击控制台的【自动修复】,还能自己修复错误代码。

不过改完之后,首页上的元素有些丢失。

整体用下来,比较流畅,但是会有肉眼可见的token消耗。

而且生成的网页,虽然可以进行交互,但实际并不能真正使用,如果需要的话,得自己下载代码部署到自己的服务器上,这对于没有技术背景的同学来说,难度其实还是不小的,肯定会涉及到大量的调试修改工作。

不过,这已经节省了很大一部分工作量了。

可以动手试一试。

作者:向上的小霍,现任某厂AI产品经理,公众号:向上的小霍。

本文由 @向上的小霍 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自 Pexels,基于CC0协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!