视频来源
图文展示内容有限,如果感兴趣可以进 B 站看原视频
(https://www.bilibili.com/video/BV1m6psewEL2/?vd_source=dc233cc83d58fe60385a17c6f65fb8a2)
内容整理(AI 生成)
大家好,我是Zack。在之前的分享中,我介绍了如何利用Coze和Zion打造一款能够实现商业变现的AI应用。在本期视频中,我将分享一个利用AI Agent和Zion无代码开发的心理疗愈平台。本次分享将涵盖从产品构思、设计、开发上线到最终实现商业变现的整个流程。
拆解项目展示
作者是一位在职的产品经理,每天利用空余时间进行构思和实施,经过半个月的策划,半个月的实施目前内测阶段已经开始盈利。
大家可以去体验一下,如果感觉不错可以多多支持。名字为 【myowncoach】
制作前的准备
下面主要围绕 AI 业务 功能和前端功能实现进行讲解
- 在实际去做之前我们要知道接下来要做什么? 这一步可以直接问 AI 。
我让AI分析并策划了整个流程。在有了大纲后,我开始了解每一步的流程。首先,在准备阶段,我需要定义目标和假设,确定核心功能和用户需求。
- 我们开始进行功能开发。在功能开发阶段,我们利用 Zion 无代码创建一个空白网页。
2.1 可以看到我们进入的项目设计界面。左侧提供了四个大分类的组件:展示类、输入类、容器类和其他类,以及绑定功能和交互行为。通过添加组件的方式,将组件拖入画布中。这里优先搭建桌面端应用,拖入文字、按钮和容器,并在容器内拖入按钮,调整容器布局、宽度和位置。
2.2 调整背景颜色,为按钮绑定事件,点击时调用AI,选择AI,点击时操作数据表,为页面添加数据,添加远程数据,为组件绑定数据,绑定远程数据。
2.3 发布后,我们即可在互联网上访问。它提供了一个互联网客户端。
2.4 完成第一个页面搭建后,我们可以继续搭建第二个页面。点击“新界页面”,选择“页面2”,添加组件。返回“页面1”,为组件绑定跳转事件,点击“行为”,选中组件的点击行为,点击“添加行为”。
2.5 我们通过不断的点击、拖拽和操作。最后,我们将搭建出这样的一个界面,包括官网页面、登录页面、个人主页以及订阅页面。我们预览一下,在移动端,界面会是这样;在电脑端,界面则会是那样。
2.6 下面讲解如何完成AI核心应用的搭建。
2.7 除了页面栏,还有数据栏、API栏、行为流栏和AI栏。在数据栏,我们可以构建我们的数据模型。创建一个收费项目的数据表,添加数据表的数据字段,可以选择字段。完成数据结构设计后,将包括套餐表、订单表、订阅记录表、邀请记录表等数据结构。
2.7 创建我们的AI智能体时,可以选择模型GPT-4或GPT-3.5。添加入参配置用户问题,指定任务角色为心理导师,并设定任务限制。将用户问题作为入参提供给智能体,提供一个提示作为参考,以便智能体回复。
2.8 我们准备了一些提示给他,这些提示包含了全部内容。
1. **问候和介绍**
1. "你好!我是你的心理咨询助手,我在这里帮助你管理情绪,减轻压力,并提供心理健康方面的建议。我并不是专业的心理治疗师,但我会尽力提供支持。你今天感觉怎么样?有什么我可以帮忙的吗?"
1. **理解用户需求**
1. 如果用户表达了情绪困扰或压力,代理可以问:"能告诉我更多关于你目前情绪状态的情况吗?是什么事情让你感到困扰呢?"
1. 如果用户询问心理健康相关知识,代理可以问:"你对哪方面的心理健康问题感兴趣呢?"
1. **提供支持和建议**
1. 针对情绪困扰:"我听到你在经历一些困难的情绪。这种感受是正常的。你愿意试试一些帮助舒缓情绪的技巧吗?比如深呼吸练习或冥想。"
1. 针对压力管理:"在压力大的时候,我们可以尝试一些放松技巧。你想了解一些简单的减压方法吗?"
1. 针对心理健康知识:"这是一个重要的话题!我可以为你提供一些关于这个问题的基本信息。你是否在寻找特定的资源或建议?"
1. **引导进一步对话**
1. "我很高兴你和我分享这些。如果你愿意,我们可以继续探讨如何更好地应对这些挑战。你想要分享更多关于你感受的信息吗?"
1. "有时候表达出来就能感觉好一些。请随时告诉我你的想法或感觉,我会在这里支持你。"
1. **结束对话**
1. "谢谢你和我分享这些。我希望我的建议对你有帮助。记住,无论何时需要支持,我都会在这里。如果你想了解更多资源或有其他问题,随时回来找我。祝你有一个平静的时光!"
2.9 我们首先进行部署,然后点击发布。为了控制成本,我们设置了生成内容不超过150字的限制,并对结构进行了美化
2.10 发布完成后,我们可以开始进行调试。展开查看输入的提示词,例如:“晚上睡不着,怎么办?”
在这里插入图片描述
2.11 OK,我们的agentAI应用已开发完成。如有必要,我们可以为其添加一些工具,例如行为流和第三方API,并可创建下一个agent,使 agent 之间也可以相互调用。
2.12 同时也可以上传一个本地文件或者选择数据库的数据 ,作为它的知识库。
2.13 完成了这个AI代理的应用设计以后,我们需要到前端进行调用。
配置一个行为,点击“添加行为”,然后点击“AI”,接着点击“开始绘画”,选择我们配置的AI。用户输入问题后,点击加号,添加我们的输入型组件,即输入框。我们可以将流失数据复制给页面数据,然后回到页面,点击空白处。点击“数据”,新增一个页面数据,默认命名为“PageData 0”。回到按钮的AI调用界面,将流失数据复制给“PageData 0”。此时,在输入框中输入内容,再点击按钮,内容即可传给AI。通过这些功能,我们无需编写任何代码,即可完成整个AI调用过程。
- 至此,我们的项目 MVP 已经完成。
结论
一个完整的项目,有非常多的细节需要考虑到位。由于时间关系,今天我们就讲到这里。
再回顾一下,一个完整的AI商业化产品,从Agent到前后端都没有使用代码,因此只要你有想法,尽管去尝试。正处在AI的风口上,下一个起飞的就是你