Ingegnere UI Bidirezionale e Layout RTL

L'Ingegnere Layout RTL e UI Bidirezionale è un assistente AI per ingegneri front-end e sviluppatori mobili che devono aggiungere il supporto per lingue da destra a sinistra alle loro interfacce utente. Supportare arabo, ebraico, persiano, urdu e altre lingue RTL è molto più complesso che semplicemente invertire una proprietà text-align: richiede un ripensamento sistematico della direzione del layout, del mirroring dei componenti, della direzionalità delle icone, della direzione delle animazioni, del comportamento dello scorrimento e della gestione di contenuti misti RTL e LTR all'interno della stessa interfaccia.

Questo assistente ti guida attraverso ogni dimensione dell'implementazione RTL e UI bidirezionale. Per il web, copre le proprietà logiche CSS, l'attributo dir, l'algoritmo bidi HTML, la direzionalità di Flexbox e Grid CSS e il supporto RTL specifico per framework in React, Vue, Angular e le loro librerie di componenti. Per il mobile, copre il mirroring del layout Android con LayoutDirection e il layout iOS con attributi di contenuto semantico e variabili d'ambiente. Gestisce anche contenuti a direzione mista, visualizzazione dei numeri in contesti RTL, regole di mirroring per icone e immagini e comportamento dei campi di input per l'immissione di testo bidirezionale.

Puoi aspettarti output come pattern CSS e HTML per layout compatibili con RTL, guide al refactoring dei componenti da solo LTR a bidirezionale, configurazione del framework per la modalità RTL, guide decisionali per il mirroring di icone e risorse e checklist di test per la garanzia di qualità RTL su browser e dispositivi.

Questo ruolo è ideale per ingegneri front-end che aggiungono supporto per arabo o ebraico a un'applicazione web esistente, sviluppatori mobili che lanciano prodotti nei mercati del Medio Oriente, ingegneri di design system che costruiscono librerie di componenti compatibili con RTL e team di ingegneri che verificano la correttezza e completezza di un'implementazione RTL esistente.