用ChatGPT玩转MBTI性格测试 | 从0到1打造性格测试网站

749 阅读3分钟

转载文章:用 ChatGPT + MBTI 打造出高社群擴散的心理測驗網站!

原作者:余漢克 Hank Yu

AI盛行,你真的熟悉ChatGPT吗?本文将通过与ChatGPT对话,并配合MBTI人格分析,打造出高度社群扩散力的心理测试网站!下图即为本文通过ChatGPT生成的MBTI性格测试网站,非常惊艳!

图片

首先来确认ChatGPT是否了解MBTI模型

考虑到ChatGPT经常给出错误的答案,在一开始先向ChatGPT询问它是否了解MBTI人格分析测试。

图片

然后从简化后的测试开始吧

传统的MBTI测试题目很多且需要花费不少时间作答,然而考虑到我们想要建立的是一个快速、高度扩散的测试网站,题目数自然不能太多,因此我先请ChatGPT提供一个5题左右的简易版MBTI测试。

图片

当ChatGPT提供了简易测试后,我请它说明每一道题目与选项是如何给出最终结果的,确保这个测试能具有一定的准确性与可信度。

图片

接着好好包装一个故事吧

接下来我请ChatGPT将前述的测试包装成一个情境,这里我想请他将测试以受试者是主角,他走入了一个森林中,并将遇到一系列的情境,通过每个情境的选择,最终找出他对应的MBTI人格。

图片

在ChatGPT帮我设计完情境后,我希望它能帮我将MBTI的16型人格分别给予对应的16种动物,以作为整个测试的结果,同时要求ChatGPT提供对应的描述。

图片

除了对应的描述外,我还希望这些动物具有能力值,因此请ChatGPT依照活跃度、领导力、智慧值、力量值、敏捷度这5个象限,从1 - 10分个别给予能力值。

图片

在整个包装的最后,我请ChatGPT提供一段故事引言,并提供一个标题。

图片

接着开始写成网站吧!当然还是ChatGPT来写

首先,先请ChatGPT将前面讨论的内容转化成为一个Html与Javascript的网站,并告诉ChatGPT网站的流程与逻辑。

图片

在第一次提供的代码可以发现,并没有将测试内容放入代码中,因此我请ChatGPT将内容填入。

图片

而在这过程中可以发现ChatGPT经常性的发生“失忆”现象,因此除了不断提醒之外,也可以尝试直接将前面生成的内容复制粘贴提供给ChatGPT。

图片

在这过程中,我们可以将ChatGPT所提供的代码贴至Codepen等网站中,快速测试代码是否正常运作。如果发现无法运作,可以将情况甚至是Console(主控台)中报的错误提供给ChatGPT进行修正。

图片

最终成果:最后,在多次尝试与ChatGPT对话与修正之下,终于完成了这个网站。大家若有兴趣的话可以到“animaltest.yuslife.cc/”来玩玩看。

(小提醒:文章截图为方便说明,有部分为事后撰文时的对话,可能与实际网页及原始对话不同,详细可参考下方对话过程;另网页部分代码非由ChatGPT撰写,而是由笔者修正调整。)

示例网站:

animaltest.yuslife.cc/

程序源代码:

github.com/chenghanxyu…

与ChatGPT对话过程:

chat.openai.com/share/2e954…

欢迎关注公众号Glen,获取更多内容