Prompt (เอาไปปรับเองตามใจชอบได้เลย) :
Create a downloadable, standalone HTML English-conversation practice page based on one natural everyday situation.
Conversation
Write one natural conversation of exactly 5 turns.
Use modern, natural British English suitable for adult speakers.
Choose a realistic everyday situation, such as:
talking with a friend
speaking with a coworker outside work
shopping
eating at a restaurant
making casual plans
asking for help
discussing hobbies, food, weather, family, travel or daily routines
speaking with a professional in an ordinary real-life situation
Do not use generic labels such as “Speaker A” or “Speaker B”.
For each conversation, either:
generate natural random names, such as Sophie and Daniel; or
use suitable roles where names would be less natural, such as Customer–Waiter, Patient–Doctor, Client–Lawyer or Passenger–Driver
Keep the relationship, tone and level of politeness consistent throughout.
Prioritise natural spoken usage over textbook grammar.
Avoid business-specific, legal, highly formal or childish language unless the selected everyday situation naturally requires a professional role.
Do not include Thai, translations, romanisation, phonetic spelling or transliteration anywhere.
Page structure
Use tabs or buttons for:
Conversation
English practice
Flashcards
Quiz
Pragmatic notes
Phrase notes
English audio
Use browser speech synthesis.
Include:
a separate play button for each English line
a button to play the full conversation
a stop-audio button
adjustable playback speed
default playback speed of 1.00×
adjustable pause between lines
default pause of 500 ms
English voice selection
For the default automatic voice mode:
alternate each turn between Google UK English Male and Google UK English Female where available
otherwise use available British English voices
if suitable British voices are unavailable, fall back to another English voice
Audio must be English only.
English practice section
Show the full English conversation again in a clear practice format.
For each line, include:
the speaker’s name or role
the English sentence
an individual play button
a short shadowing instruction or practice cue
Include a button to play all lines.
Flashcards
Include English-only flashcard practice.
Use two directions or modes:
English expression → English meaning
Complete the English line
Include:
previous
next
reveal
shuffle
reset
play-audio button for the current card
keyboard controls where practical
Suggested keyboard controls:
left arrow: previous
right arrow: next
Space or Enter: reveal
A: play audio
S: shuffle
R: reset
Use expressions taken directly from the conversation.
Do not use translation-based flashcards.
Quiz
Include exactly 3 multiple-choice questions.
The quiz must test information that can reasonably be inferred from the conversation.
Do not ask grammar, vocabulary-definition or wording-identification questions.
Suitable inference questions include:
why a speaker probably agreed to something
what a speaker likely intended
what can be inferred about a place, person or earlier event
what the speakers will probably do next
what their relationship or attitude appears to be
Each question must:
have exactly 4 answer options
have only one clearly defensible answer
use plausible distractors
give feedback after checking
explain the inference briefly
contribute to a final score
Include:
Show score
Reset quiz
Pragmatic notes
Explain the English only.
For each turn, briefly cover:
why the wording sounds natural
natural British expressions
contractions
directness and politeness
conversational tone
what is implied rather than stated
expressions that are grammatically correct but socially or stylistically unnatural
differences between neutral English and more distinctly British usage where relevant
Avoid long grammar lectures.
Phrase notes
Cover the most reusable English expressions from the dialogue.
For each expression, include:
the English expression
its meaning
the typical situation in which it is used
one additional short English example
any important register, tone or regional warning
Design
Make the page:
clean
modern
mobile-friendly
visually clear
easy to navigate
suitable for adult learners
Clearly distinguish names or roles from dialogue text.
Do not use external scripts, fonts, libraries, audio files or other external resources.
The HTML must work as a single standalone file.
Save the result as a downloadable .html file.