用Taro+千问写了个"骂醒恋爱脑"H5,纯玩

11 阅读1分钟

用Taro+千问做了个小项目——"AI骂醒恋爱脑"H5,目前已经基本调通了,跟大家分享一下技术实现思路。

技术选型

  • 前端:Taro+React,一套代码多端运行,主要用到了Taro的跨端能力
  • AI接口:千问的API,主要看中它的中文理解和生成能力

核心实现

核心逻辑其实不复杂,就是前端收集用户输入的恋爱烦恼,通过Node.js中间层调用千问API,关键是要设计好Prompt。

我设计了几种人设:毒舌版、理性分析版、林黛玉阴阳版,通过不同的system prompt来切换风格。

// Prompt设计示例
const systemPrompt = `你是一个嘴极毒但三观极正的情感导师,用犀利讽刺的语言指出用户描述中的逻辑漏洞,不要讲大道理,直接输出金句。`

最新进展

刚刚完成了流式输出,现在回复是打字机效果,体验感直接拉满!

后续优化方向

  • 用html2canvas生成清醒海报,方便分享
  • 加个"骂醒指数"评分,先打分再开怼

项目还在完善中,等优化完成会开源出来。有感兴趣的朋友可以关注一下,到时候一起来玩玩提提建议!

毒舌.png

林黛玉.png

心理学家1.png

心理学家2.png

#Taro #千问 #AI应用 #前端开发 #小程序 #开源项目