Steps:

• Use Codex Cards for each message bubble.
• Add avatar placeholders and usernames (@text-bold).
• Include message text and timestamps (@text-x-small).
• Stack messages vertically with spacing (@spacing-100).

• Skill: Conversation UI, avatar integration, timestamp styling.

Mentorship & Support: @JorisDarlingtonQuarshie @JSengupta-WMF