MBTI（16 型人格测试）已是新一代香港人自我介绍时会提及的“人格特征”之一，大家都想知道自己到底是“E 人”还是“I 人”。不过，现时很多网上测试虽然标榜免费，但往往在回答完数十条问题后，才要求用家付费解锁详细报告，甚至充斥大量广告。最近 Google Gemini 推出的“Canvas”功能，其实隐藏了一个最强玩法，让你零成本生成一份排版精美、分析详尽的专业报告。

Gemini Canvas 是什么？为什么比传统测试好？

Canvas 就像Nano Banana一样，是Gemini 其中一个功能，本身是为写程式码或撰写长文章而设，但其强大的互动介面，其实可以用来运作复杂的逻辑测试。相比起普通对话框，Canvas 能在右侧独立视窗生成一个专属的“测试 App”，不仅排版更清晰，回答体验也更流畅。最重要当然是完全免费，不会有广告跳出。

简单三步：输入指令词即变身心理分析师

想拥有自己的 MBTI 测试 App，只需要用到一条“特制指令词（Prompt）”。

Step 1：开启 Gemini 并选择 Canvas

进入 Google Gemini 页面后，在左上角的模型选单中，确保选取了支援“Canvas”的版本（通常在“工具”或模型切换处可见）。

Step 2：复制指令词一键生成

在对话框中输入以下指令：“请帮我制作一个包含 88 题完整题库的繁体中文 MBTI 测试 React Web App，需包含完整计分逻辑、16 型人格解析以及 RWD 响应式设计。”

你亦可以copy以下的详细版指令：
主题：开发全功能 MBTI 测试 React 应用程式（含 88 题完整资料与计分引擎）

请担任专家级全端工程师，利用 React (Vite)、Tailwind CSS 与 Lucide React 图示库，开发一个完整且可直接运作的 MBTI 测验 Web App。

1. 完整资料集成：

．88 题题库： 请直接产出 88 题繁体中文题目。题目需涵盖 4 大维度（E/I、S/N、T/F、J/P），并以 Array of Objects 格式存放于程式码中。

．16 型解析： 必须包含所有 16 种人格类型的名称、代码（如 INTJ）、核心特质、职涯建议及发展警示。

2. 核心技术逻辑：

．精密计分引擎： * 每一题需对应特定维度，并根据“非常不同意”到“非常同意”提供 $1$ 到 $5$ 分。计算完成后，需将原始分数转换为各维度的百分比（例如：E 65% / I 35%）。

．状态管理与持久化： 使用 useReducer 管理复杂的答题状态，并整合 localStorage 实作“自动储存进度”功能，让使用者中途关闭浏览器后能继续测验。

．分页处理： 为了不让使用者感到压力，请实作每页显示 5 题的分页逻辑，并包含平滑的翻页动画。

3. UI/UX 视觉设计：

．现代化介面： 采用玻璃拟态（Glassmorphism）或简洁的卡片式设计。背景需有柔和的渐层效果。

．结果视觉化： 在结果页面使用 CSS 实作长条图（Progress Bars），视觉化呈现四个维度的倾向强度。

．响应式布局： 针对行动装置进行深度优化，确保答题按钮在手机上具备良好的触控反馈。

4. 程式码品质与架构：

．请将逻辑拆解为清晰的组件：QuizEngine.jsx (计分核心)、QuestionCard.jsx (单题组件)、ResultDashboard.jsx (结果仪表板)。

．使用 Framer Motion 加入微互动（例如：点击选项时的缩放效果、切换页面时的滑入动画）。

Step 3：开始测试获取报告

Gemini 会在右侧视窗即时写出程式码并运行。你会看到一个精美的测试界面，直接点选答案即可。完成后，系统会自动根据你的计分，生成一份关于你性格优势、弱点及职业建议的完整报告。

自订题目数量：丰俭由人更灵活

留意一次过生成88条题，如果你的电脑及网络性能不佳，一次性叫 AI 写完，可能会导致回传中断。另一方面，可能你也觉得要做 88 题才得出结果，会令用家却步；你可以在指令中将题目数量修改为 30 题；当然，若追求极致准确，亦可以要求写 120 题。

如何再次试玩？

不过留意，这个测验只属于你，无法经由网络分享给其他人试用。不过你仍然可以在生成测试时要求它“追加分享结果连结”，他人就可以看到你的测试结果。

如你本人想重测，只需要保留与Gemini的“聊天视窗”，点击画面上的“重新测验”就可以再次使用。在“聊天视窗”的右上角“…”三点位置拣“钉选对话记录”，更可快速找到，再次做测试。