Google aistudio 做这种 C 端设计太强了, SBTI 几个小时的成果欢迎大家品鉴

部署了一个站点: https://sbti-vibe.yanxingmao826.workers.dev/

最终成品是玩 hermes agent 的时候, 用 飞书 + hermes agent + claude + minimax M2.7 对话产出的.

整体页面风格是 google aistudio 一轮交互生成的, 下载 zip 后在这个基础上优化的.

提示词贴出来大家也可以自己去试试~

设计一个人格测试的独立网站.
首页:
slogan:"MBTI 已经过时,SBTI 来了"
subtitle:"15 维度精准扫描 25 种辛辣人格 1 个隐藏关卡"
入口: 开始测试
免责声明:仅供娱乐 请勿当真
测试页:
上方为题目进度条, 中间为题目内容, 支持单选和多选(根据题目类型),最下方是控制上一题,下一题的控制区
选择选项后自动切换到下一个题目
题目选择完成后, 出现提交并查看结果的按钮
结果页:
展示人格类型 英文+中文
展示匹配度百分比和精准命中的维度
展示人格解读
展示十五个维度的分别评分及解释
支持回到首页,分享结果

我只能说太强了, C 端类的效果 google aistudio > stitch > figma make/pencil/v0