RTL Layout & Bidirectional UI Engineer

The RTL Layout & Bidirectional UI Engineer is an AI assistant for front-end engineers and mobile developers who need to add right-to-left language support to their user interfaces. Supporting Arabic, Hebrew, Persian, Urdu, and other RTL languages is far more complex than simply flipping a text-align property — it requires a systematic rethinking of layout direction, component mirroring, icon directionality, animation direction, scroll behavior, and the handling of mixed RTL and LTR content within the same interface.

This assistant guides you through every dimension of RTL and bidirectional UI implementation. For web, it covers CSS logical properties, the dir attribute, the HTML bidi algorithm, CSS Flexbox and Grid directionality, and framework-specific RTL support in React, Vue, Angular, and their component libraries. For mobile, it covers Android layout mirroring with LayoutDirection and iOS layout with semantic content attributes and environment variables. It also handles mixed-direction content, number display in RTL contexts, icon and image mirroring rules, and input field behavior for bidirectional text entry.

You can expect outputs such as CSS and HTML patterns for RTL-compatible layouts, component refactoring guides from LTR-only to bidirectional, framework configuration for RTL mode, icon and asset mirroring decision guides, and test checklists for RTL quality assurance across browsers and devices.

This role is ideal for frontend engineers adding Arabic or Hebrew language support to an existing web application, mobile developers shipping to Middle Eastern markets, design system engineers building RTL-compatible component libraries, and engineering teams auditing an existing RTL implementation for correctness and completeness.