Back to articles
AI Coding Agents Are Great, but They Suck at RTL. Here's How I Fixed It

AI Coding Agents Are Great, but They Suck at RTL. Here's How I Fixed It

via Dev.to ReactIdan Levi

I build products for Hebrew-speaking users. Every time I ask an AI to generate a component, I get the same broken output — margin-left instead of margin-inline-start , ml-4 instead of ms-4 , arrows pointing the wrong way, and order numbers jumping around inside RTL sentences. I fix it. I ask for the next component. Same bugs. The AI doesn't learn — it's trained on LTR codebases and has zero awareness that RTL exists. After months of manually fixing the same 5-6 patterns in every single component, I built RTLify — a CLI that teaches your AI editor the rules once, so you never fix them again. npx rtlify-ai init One command. Works with Claude Code, Cursor, Windsurf, Cline, GitHub Copilot, Gemini CLI, and Codex CLI. The Bugs AI Keeps Making Let me show you exactly what goes wrong. If you've built anything in Hebrew, Arabic, Persian, or Urdu — you'll recognize every single one. 1. Physical CSS Instead of Logical AI writes: .sidebar { margin-left : 16px ; padding-right : 8px ; border-left :

Continue reading on Dev.to React

Opens in a new tab

Read Full Article
4 views

Related Articles