引言

大家好!我是 wangxinyang。因为学校近期举办了一个有关于岭南文化智能体的比赛,但是我作为一个没有任何代码经验的小白,我最初对参加 AI Agent 比赛是有些恐惧的 。但前段时间在学校听了小龙虾(openclaw)的讲座,并成功用它上线了个人博客后,我萌生了一个大胆的想法:何不借小龙虾之力,打造一个以“岭南文化与健康养生”为主题的 AI 智能体网页呢 ?

经过两天的折腾,我的作品“岭南智慧通”终于能和大家见面了 !

🔗 作品体验链接https://wangxinyang.top/lingnan-wenhua/ (电脑/手机均可,推荐电脑端体验更佳)

由于篇幅有限,这篇文章主要记录了我使用 AI 创作该网页的核心流程(不包含网页上线互联网和小龙虾的配置流程)。希望能给同样零基础的伙伴们一些启发!由于考虑到成本和轻量化,网页主要接入了 mini Max-2.7 和 deepseek-R1 模型 。

第一步:从“画大饼”开始,勾勒网页雏形

万事开头难,但有了小龙虾,我们可以直接“动嘴”。首先,我向小龙虾大致描述了我想要的网页形态,让它先帮我搭建一个雏形 。

小龙虾的响应非常迅速,很快就给了我反馈。

点开网页一看,深绿色的外观深得我心,小龙虾的审美确实不错 !

第二步:赋予网页灵魂,接入 AI 智能体

为了让 AI 认清自己的定位(岭南健康小助手),我们需要去模型官网获取 API Key 。这里以 mini Max 为例:

1.注册并登录 mini Max 官网 。

2.点击右上角的“账户管理”进入控制台,找到“接口密钥”,点击“创建新的 API Key”并复制 。

3.将复制好的 Key 直接扔给小龙虾,剩下的配置它会自己搞定 。

就这么简单,一个带有岭南健康小助手的网页就基本成型了,AI 已经能够和我们顺畅对话 !

第三步:持续迭代,丰富网页功能

有了基础框架后,就到了“提需求”的环节。我的经验是:想到什么就告诉小龙虾,别让想法只停留在心里,管它能不能实现呢!

1. 打造权威的“岭南文化百科”

第一版网页虽然有百科板块,但卡片是静态的,无法点击 。为了让科普更专业,我让小龙虾去寻找权威的科普来源,并为卡片加上了百度百科的跳转链接 。

完成后,点击卡片就能直接跳转,非常方便 。如果你觉得百度百科不够好,也可以把自己找好的优质文章链接发给小龙虾进行替换 。

2. 灵感枯竭?让 AI 帮你出主意

做到后面如果不知道该增加什么功能了,可以直接问小龙虾:“你觉得当前网站还有哪些地方可以优化升级?” 它会给出多个选项,你只需挑选喜欢的让它去实现即可 。

在小龙虾的建议下,我增加了“AI 体质测试”“健康知识小测试”,测试后 AI 会根据结果给出个性化的养生方案和分数 。

3. 加入“节气日历”与“粤语语音播报”

接下来,我不仅让 AI 实现了“节气养生日历”,AI 甚至还能用超接地气的粤语回复 !

为了体验更好,我利用 mini Max 的语音 API,让小龙虾加入了语音播报功能 。只需点击文本下方的小喇叭,就能听到温柔的语音播报啦 。

避坑指南:遇到 Bug 怎么破?

在制作过程中,并非一帆风顺 。比如我遇到过 AI 回复中出现了奇怪的符号,文本格式混乱(其实是 Markdown 渲染失败)。

我的秘诀是:多 AI 联动。 遇到看不顺眼的地方,直接截图扔给小龙虾让它改 。但我不建议直接向小龙虾请教复杂的技术原理 。因为所有 AI 都面临上下文记忆限制,如果你一直让它解答知识问题,会消耗它处理项目代码的记忆,导致后续开发跑偏 。 如果真的想弄懂报错原因,我建议用手机拍个照去问“豆包”等其他 AI 。小龙虾只管干活,知识解答交给别的 AI !

进阶玩法:接入高德地图 API 与 MBTI 性格测试

1. 岭南文化地图

为了直观展示岭南文化分布,我决定做一个交互地图。根据豆包的提示,我去高德开放平台申请了 Web 端 (JS API) 的 Key 。进阶玩法:接入高德地图 API 与 MBTI 性格测试

1. 岭南文化地图

为了直观展示岭南文化分布,我决定做一个交互地图。根据豆包的提示,我去高德开放平台申请了 Web 端 (JS API) 的 Key 。

把 Key 丢给小龙虾后,它很快帮我生成了地图 。遇到排版不满意的地方(比如 AI 顾问对话框太占地方),继续截图让小龙虾调整优化,我们只需要在旁边喝茶休息就行,哈哈 !

2. 趣味满满的“岭南 MBTI 养生测试”

单纯的 AI 聊天有些单调,在小龙虾的建议下,我们增加了一个极具传播属性的功能:“岭南 MBTI 养生性格测试” 。

为了让测试结果的卡片更好看,我跨界使用了谷歌的 Gemini 帮我生成了抽象风格的岭南人物图片(比如“靓汤传承者”、“生活养生家”)。

将这些精美的图片上传给小龙虾,进行关联替换后,这个有趣的测试功能就完美跑通了 !

写在最后

经历了两天的创作,我想实现的功能基本都落地了 。虽然可能还隐藏着一些小 Bug,但我对自己亲手打造的这个作品感到非常满意 。

这就是我本次 AI 智能体作品的创作全流程 。如果你也是零代码基础,不妨也试着让 AI 成为你的手和脚,将你脑海中的奇思妙想变成现实吧!