1 of 21

An "MBTI Personality Test" App

Unit 2 | Lesson 2.6

creaticode

2 of 21

Agenda

  • Introduction: the "MBTI Personality Test" app
  • Create your project step by step
  • Creative Extension

creaticode.com

3 of 21

The "MBTI Personality Test" App

  • The “MBTI” Personality Types
    • A 4-letter code, like INTJ or ESFJ, where each letter can have 2 possible types:
    • E (Extraversion) or I (Introversion)
      • “E” indicates an outgoing nature, whereas “I” signifies a preference for solitude.
    • S (Sensing) or N (Intuition)
      • “S” types are detail-oriented and practical; “N” types prefer ideas and abstract concepts.
    • T (Thinking) or F (Feeling)
      • “T” types base decisions on logic and objectivity; “F” types prioritize empathy and emotions.
    • J (Judging) or P (Perceiving)
      • “J” types are structured and prefer clear plans; “P” types are spontaneous and adaptable.�
  • Take a guess on your “MBTI” type
    • You’ll verify it using this app later

4 of 21

The "MBTI Personality Test" App

  • The app we are building:
    • A chatbot that interviews the user based on the user’s interest
    • Predicts the user’s MBTI type at the end�
  • Learning Goals
    • Refine prompts step-by-step based on issues observed
    • Utilize AI to build customizable apps that users can easily relate to

5 of 21

Create Your Project

Step 1:

  • Go to the CreatiCode playground
  • Remix the following project template

​

6 of 21

Create Your Project

Step 2 - Add the first version of the prompt

  • Prompt: determine the user's MBTI type by asking some questions.
  • Discussion: What response do we get? Any issues?

7 of 21

Create Your Project

Step 2 - Add the first version of the prompt

  • Prompt: determine the user's MBTI type by asking some questions.
  • Discussion: What response do we get? Any issues?
  • Main Issue: The AI would give a long list of questions, overwhelming the user

​

8 of 21

Create Your Project

Step 2 - Add the first version of the prompt

  • Prompt: Determine the user's MBTI type by asking some questions.
  • Discussion: What response do we get? Any issues?
  • Main Issue: The AI would give a long list of questions, overwhelming the user
  • Solution: Ask the AI to start with the first question
    • Determine the user's MBTI type by asking some questions. Now greet the user and ask the first question.

​

9 of 21

Create Your Project

Step 3 - Improve the First Question

  • Observe: The first question from the AI is often generic and not interesting
  • Discuss: How to make the AI more personalized and engaging?

​

10 of 21

Create Your Project

Step 3 - Improve the First Question

  • Observe: The first question from the AI is often generic and not interesting
  • Discuss: How to make the AI more personalized and engaging?
  • Solution: Prompt the AI to ask about the user’s interest first.
    • Determine the user's MBTI type by asking some questions. Now greet the user and ask the user a question on his/her favorite activity.

​

11 of 21

Create Your Project

Step 4 - Control the follow-up questions

  • Observe: After user responds with an activity, the AI might continue chatting about the activity rather than testing for MBTI type
  • Solution?

12 of 21

Create Your Project

Step 4 - Control the follow-up questions

  • Observe: After user responds with an activity, the AI might continue chatting about the activity rather than testing for MBTI type
  • Solution: Add additional instructions for the AI to ask follow-up questions
    • Determine the user’s MBTI type by asking some questions. Now greet the user and ask the user a question about his/her favorite activity. After that, ask follow-up questions regarding that activity to find out the user’s MBTI type.

​

13 of 21

Create Your Project

Step 5 - Avoid asking too many questions at once

  • Observe: The AI would sometimes generate all questions at once
  • Solution?

14 of 21

Create Your Project

Step 5 - Avoid asking too many questions at once

  • Observe: The AI would sometimes generate all questions at once
  • Solution: Make sure the AI asks one question each time
    • Determine the user’s MBTI type by asking some questions. Now greet the user and ask the user a question about his/her favorite activity. After that, ask follow-up questions, only one question at a time, regarding that activity to determine the user’s MBTI type.

15 of 21

Create Your Project

Step 6 - Add requirement on question format

  • Observe: sometimes the AI’s question may be open-ended and hard to answer
  • Solution?

16 of 21

Create Your Project

Step 6 - Add requirement on question format

  • Observe: sometimes the AI’s question may be open-ended and hard to answer
  • Solution: Require multi-choice question format (but not the first question)
    • Determine the user’s MBTI type by asking some questions. Now greet the user and ask the user a question about his/her favorite activity. After that, ask follow-up questions, only one question each time, regarding that activity to find out the user’s MBTI type. The questions should have multiple choices, except that the first question is open-ended.

17 of 21

Create Your Project

Step 7 - Ensure reporting of the test result

  • Observe: The AI may keep asking many questions
  • Solution: Add instruction on max question count
    • Determine the user’s MBTI type by asking some questions. Now greet the user and ask the user a question about his/her favorite activity. After that, ask follow-up questions, only one question each time, regarding that activity to find out the user’s MBTI type. The questions should have multiple choices, except that the first question is open-ended. After at most 5 questions, report your prediction on the user’s MBTI type with detailed explanations.

18 of 21

Create Your Project

Step 8 - Testing and Iterative Refinement

  • Test the app
  • Identify issues
  • Brainstorm further prompt refinements

19 of 21

Creative Adaptation

Work in pairs to extend/improve the project or create a new app

  • Example Ideas:
    • Idea 1: Experiment with a different opening question instead of asking about the favorite activity. For instance, ask the user to describe their ideal weekend.
    • Idea 2: Modify the prompt to include additional constraints, such as “Do not provide any explanations beyond the final MBTI result” or “Keep all responses under 50 words.”
    • Idea 3: After giving the MBTI type prediction, if the user disagrees, ask additional questions to confirm or modify the prediction.
  • Example ideas for new app:
    • Career Aptitude Test
    • Communication Skills Test
    • Leadership Style Test
    • ​

20 of 21

Submission Checklist

Category

Criteria

Max

Score

AI Application

Design and enforce the interview prompt: �• Greet the user and ask the first question (not a long list) �• Personalize by asking about a favorite activity �• Keep the bot focused on MBTI (not small talk) �• Ask one question at a time with multiple-choice (except the first, open-ended)�• After ≤ 5 questions, output the MBTI prediction with explanation

2

___

Project Development

Make the chat flow work smoothly: �• Start from the template/remix and wire input → send → response �• Show choices clearly and accept user selections �• Ensure the final result is reported and the turn-taking is consistent

1

___

Creative Adaptation

Extend the app creatively (e.g. try a different opener, add constraints, follow-up if the user disagrees with the result, build a similar test, etc)

2

___

Total:

5

___

21 of 21

Discussion

What new improvements did you make to the prompt?

Are there any outstanding issues you find hard to fix?

What other apps can be built using a similar approach?