Chatbot Conversation UI Design — Arabic-First Chat Interface Design Patterns (WhatsApp-Familiar UX)
This is a ready-made prompt from the Zayenha Prompt library in Design & Creative, written for claude-opus-4-8. It has a main prompt to copy into the model, built-in quality guards, and a verification prompt to run in a second window to review the answer. The full text needs the Pro plan; the description is open to all.
Design an Arabic-first Chatbot conversation UI inspired by WhatsApp familiar patterns, with full RTL CSS specs, conversation flows, and ARIA accessibility.
Your current plan: free
Customer support chat for e-commerce store, government website chatbot, banking app conversation interface.
Built-in quality guards
Outputs are specific: dimensions, colors, components — not vague
Design is feasible with tools available in Saudi market
Design starts Arabic RTL and adapts to English LTR
Visual content appropriate for Saudi/Gulf cultural context
WCAG 2.1 AA + contrast ratios for Arabic readability
Frequently asked questions
How do I use this prompt?
Copy the main prompt and paste it into claude-opus-4-8 or the model you use, replace what is in square brackets with your details, then run the verification prompt in a second window with the answer pasted in, and review it before relying on it.
Is this prompt free?
Its full text requires the Pro plan or higher. Free prompts you can copy at once without an account are on the ready-made Arabic prompts page.
Which model was this prompt written for?
It was written for claude-opus-4-8 and follows how that model works; you can run it on other models too, reviewing the result, since no single wording guarantees the best result on every model.