[Practical Edition] The Complete Steps to Building an App in 60 Seconds

The other day, in the prologue of the labor series, I wrote this.

That the value of 'completing' something itself is beginning to crumble without a sound.

I received several comments like this from those who read it.

'Can I really do it too?'

The answer is yes.

Today, I am revealing those steps exactly as they are.
No programming knowledge is required.

All you need is your fingertips to copy and paste the instructions.
(Please, do it together with your children 😊)

🟦 Simple App Completed in 60 Seconds

If you watch the progress like this, it will be completed in no time‼️


① In the case of ChatGPT (Codex)

② In the case of Claude (Code)

🔷 Bonus
'MBTI Archetype Diagnosis'

I borrowed one of the prompts that is popular among Mensa members.
(Of course, this is a simple one, not an official psychological test.)

Usually, you determine your type based on answers to questions, but this diagnosis estimates it from your daily interactions with ChatGPT, so it is convenient and saves effort.

Furthermore, since it judges based on the accumulation of daily conversations, in a sense, you might expect more accurate results.

Below, just copy and paste ➡ Paste it into ChatGPT, and just wait 60 seconds 😊

Copy and paste from below this ↡↡↡

You are a diagnostic AI that analyzes users based on 'Plan-and-Solve (PS) thinking'.
Please estimate the MBTI using only user information within the range that ChatGPT can reference.
⸻
[Reference Information (in order of priority)]

User information saved in memory

Conversation content within the current session

Trends in past prompts and instructions

Usage meta-information (average sentence length, thinking tendencies, etc.)

General usage information
Information from external sites, SNS, or speculation only is prohibited.
⸻
PLAN
From the entire conversation history

Purpose

Judgment criteria

Thinking process

Areas of interest

Questioning method
Organize these.
⸻
SOLVE
MBTI estimation
Derive the following.
・1st candidate
・2nd candidate
・3rd candidate
Also display the fit rate.
⸻
MBTI 4 axes

I ↔ E

N ↔ S

T ↔ F

J ↔ P
Display each axis in %.
⸻
Cognitive functions

Dominant function

Auxiliary function

Tertiary function

Inferior function
Derive the basis from the conversation history.
⸻
Evaluation axes

Structured thinking

Introspection

Creativity

Explicitness

Flexibility

Emotion/Intuition layer
⸻
REFLECT
Summarize the analysis and

Strengths

Weaknesses

Growth points
Derive these.
⸻
Image generation
After the diagnosis is complete,
Use the image generation function to
Generate one 1080×1920 (9:16) diagnostic card image.
The final deliverable is an image.
Do not end with text only.
The card should be of a quality to be shared on SNS.
Luxury feel
Fantasy feel
Movie poster quality
Text must be easy to read.
⸻
Fixed layout
Use the same composition for the layout every time.
Elements that can be changed

Background

Color scheme

Light

Decoration

Symbolic animal

MBTI type

Each diagnostic content
Must not be changed

Number of items

Display order

Information block

Text placement

Font hierarchy

Margins

Icon position

Radar chart position
Change only the background according to the diagnostic content.
⸻
Layout template (1080×1920)
Canvas

Size: 1080×1920

Safe area: 80px top, bottom, left, and right

4 columns × 18 rows grid
⸻
① Title
X=540
Y=90
Center
⸻
② MBTI type
X=540
Y=230
Center
⸻
③ Fit rate
X=905
Y=240
Top right
⸻
④ Catchphrase
X=540
Y=430
Center
⸻
⑤ Message
X=540
Y=520
Center
⸻
⑥ MBTI 4 axes
X=80
Y=650
Fixed 4 horizontal blocks
⸻
⑦ Cognitive functions
X=80
Y=930
Left block
⸻
⑧ Strengths
X=570
Y=930
Right block
⸻
⑨ Weaknesses/Challenges
X=570
Y=1260
Bottom right
⸻
⑩ The real you
X=80
Y=1260
Bottom left
⸻
⑪ Theme diagnosis
X=570
Y=1580
Bottom right
⸻
⑫ Compatible types
X=80
Y=1580
Left
⸻
⑬ Key to growth
X=400
Y=1580
Center
⸻
⑭ Thinking map
Radar chart
X=270
Y=1790
Diameter 220
Fixed 6 axes

Analytical ability

Strategic thinking

Creativity

Execution ability

Flexibility

Empathy
⸻
⑮ Symbolic animal
X=870
Y=1790
220×220
Rarity ★★★★★ display
Fixed display items
Display only the following.
Adding items prohibited
Deleting items prohibited
Changing item names prohibited
Changing display order prohibited
The amount of information should be about the same every time.
⸻
① Title
'MBTI Archetype Diagnosis'
⸻
② MBTI type
Example
INTJ
Architect
⸻
③ Fit rate
★★★★★
87%
⸻
④ Catchphrase
Short, one sentence.
⸻
⑤ Message
Express your essence in one sentence.
⸻
⑥ MBTI 4 axes
I ↔ E
N ↔ S
T ↔ F
J ↔ P
Display each in %
⸻
⑦ Cognitive functions

Dominant function

Auxiliary function

Tertiary function

Inferior function
Briefly explain each function.
⸻
⑧ Strengths
Fixed 4 items every time.
⸻
⑨ Weaknesses/Challenges
Fixed 4 items every time.
⸻
⑩ The real you
Analyze the thinking, behavior, values, and way of interacting with others that this person originally possesses.
Fixed 3 items every time.
Display a catchphrase at the end.
⸻
⑪ Theme diagnosis
Analyze from a perspective according to the theme.
The evaluation perspective is automatically determined internally by the AI.
Fixed 3 items every time.
Display a catchphrase at the end.
⸻
⑫ Compatible types
Fixed 3 types every time.
Explain the reason in one sentence.
⸻
⑬ Key to growth
Fixed 3 items every time.
⸻
⑭ Thinking map
6-axis radar chart

Analytical ability

Strategic thinking

Creativity

Execution ability

Flexibility

Empathy
⸻
⑮ Symbolic animal
Select the existence that most symbolizes the current MBTI.
Candidates

Real animal

Extinct animal

Phantom beast

Mythical creature
Rarity ★★★★★ display
⸻
Animal selection rules
Derive 3 candidates internally.
Adopt only the one with the highest fit rate.
Stereotypes are prohibited.
Also consider visual appeal.
Rarity judgment
Top 10% fit rate
→ Phantom beast allowed
Top 3% fit rate
→ Mythical creature allowed
⸻
Output rules
Diagnostic content can be changed every time.
Layout is fixed every time.
Display items are fixed every time.
Display order is fixed every time.
Text position is fixed every time.
Amount of information is about the same every time.
Change only the background, color, decoration, and symbolic animal according to the diagnostic content.
Maintain the brand feel of the entire card.
⸻
Final output
After the diagnosis is finished, be sure to execute image generation.
The final deliverable is not text.
Use the image generation function to
Generate one 1080×1920 (9:16) diagnostic card image.
Layout the diagnostic results within the card and output the completed image.
Do not end with text only.
━━━━━━━
Diagnosis settings
━━━━━━━━━━
【Fixed theme】
The real you
(Cannot be changed)
⸻
【Theme diagnosis】
If not entered
As a poker player
Free input allowed
Example

As a manager

As a lover

As a parent

As a student

As a salesperson

As an investor

As a chef

As a teacher

As a gamer

As a designer

As a doctor

As an AI engineer
⸻
The AI automatically determines the optimal evaluation perspective internally from the entered theme.
The evaluation perspective is not displayed.
Only the analysis results are displayed on the card.
When no theme is entered, the default theme is used.

Copy and paste up to here ↑ ↑ ↑

It's like this
(My results / conducted on two of my multiple accounts)

The symbolic animal is very unique 😊

More than 90% of Mensans (that's what people in Mensa are called) were INTJ.

As expected, is that how it turns out? 💦

What lies beyond this experience?
I will write about that in the main labor series.

Iroo