Hebrew RTL Best Practices
Trusted89/100Implement right-to-left (RTL) layouts for Hebrew web applications. Use when user asks about RTL layout, Hebrew text direction, bidirectional (bidi) text, Hebrew CSS, "right to left", or needs to build a Hebrew web UI. Covers CSS logical properties, the :dir() pseudo-class, Tailwind RTL, React/Next.js RTL setup, icon mirroring, Hebrew typography, and font selection. Do NOT use for Arabic RTL (similar but different typography) unless user explicitly asks for shared RTL patterns, or for native mobile RTL (React Native I18nManager, SwiftUI, Android) which is out of scope.
Trust score 89/100 (Trusted) · 1,649+ installs · 2 GitHub contributors · MIT license
Developing RTL interfaces for Hebrew is full of pitfalls that are invisible until deep testing. Component mirroring, element ordering, spacing, directional icons, and mixed Hebrew-English text create visual bugs that Israeli users spot immediately. Without a structured guide, developers repeat the same mistakes over and over.
skills-ilnpx skills-il add skills-il/localization@v1.3.0-hebrew-rtl-best-practices --skill hebrew-rtl-best-practices -a claude-codeInstall on Claude.ai, Claude Desktop, ChatGPT, Manus, or other platforms
- 1. Click "Download ZIP" to download the skill files.
- 2. Open Claude Desktop and go to Customize > Skills.
- 3. Click "+" and select "Upload a skill", then upload the ZIP file.
- 4. Start a new conversation. The skill will activate automatically when relevant.
When to Apply
- When building a new web app with a Hebrew UI
- When converting an existing website from LTR to RTL
- When fixing bidirectional text bugs (numbers, URLs, emails inside Hebrew text)
- When setting up Tailwind CSS, Next.js, or MUI for RTL support
- When choosing Hebrew fonts and configuring typography for a Hebrew interface
Try These Prompts
What are the basic principles for building an RTL interface for a Hebrew app? Including flexbox direction, margin/padding, and icons.
How do I build a navigation bar, breadcrumbs, and menus that work correctly in RTL? I am using React.
What are the correct methods for styling forms in RTL? Including label alignment, input fields, error messages, and submit buttons.
Frequently Asked Questions
Changelog
Updated the MUI RTL import to the official fork, added :dir() support and an icon-mirroring section, and narrowed scope to web-only.
May 14, 2026
Related Skills
Author: skills-ilImplement comprehensive Hebrew internationalization (i18n) patterns for web and mobile applications. Use when user asks about Hebrew localization, "beinle'umiyut", i18n for Israeli apps, Hebrew plural forms, Hebrew date formatting, RTL CSS logical properties, bidirectional text handling, React/Vue/Angular/Next.js RTL integration, Tailwind CSS RTL, or next-intl setup. Covers Hebrew pluralization rules, date and number formatting for Israel, RTL-first CSS, Tailwind RTL utilities, and bidi text algorithms. Do NOT use for NLP or content writing (use hebrew-nlp-toolkit or hebrew-content-writer instead).
Author: skills-ilComprehensive guide to finding rental apartments in Israel through Yad2, Madlan, Facebook groups, and real estate agents. Use when relocating to Israel, searching for a rental apartment, negotiating with landlords, or navigating broker fees and lease agreements. Covers 2026 market prices by city, Hebrew listing terminology, viewing checklists, required documents, and neighborhood evaluation criteria. Do NOT use for purchasing property or commercial real estate.
Author: skills-ilGuide developers in using Hebrew NLP models and tools including DictaLM, DictaBERT, AlephBERT, and ivrit.ai. Use when user asks about Hebrew text processing, Hebrew NLP, "ivrit", Hebrew tokenization, Hebrew NER, Hebrew sentiment analysis, Hebrew speech-to-text, or needs to process Hebrew language text programmatically. Covers model selection, preprocessing, and Hebrew-specific NLP challenges. Do NOT use for Arabic NLP (different tools) or general English NLP tasks.
Use at your own risk. Terms of Use · Security
Want to build your own skill? Try the Skill Creator · Submit a Skill