Hebrew RTL Best Practices
Verified90/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 90/100 (Verified) · 2,388+ 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-ilPlan domestic travel in Israel with local transportation, accommodations, national parks, and cultural considerations. Use when user asks about traveling in Israel, Israeli hotel chains, bus routes, Israel Railways, Rav-Kav card, national parks, tiyul b'aretz, Dead Sea, Eilat, or trip planning within Israel. Covers Egged/Dan/Kavim buses, train schedules, Rashut HaTeva sites, Shabbat travel restrictions, and seasonal advice.
Author: skills-ilWrite and edit professional content in Hebrew including marketing copy, UX text, articles, emails, and social media posts. Use when user asks to write in Hebrew, "ktov b'ivrit", create Hebrew marketing content, edit Hebrew text, write Hebrew UX copy, or optimize Hebrew content for SEO. Covers grammar rules, register from formal to dugri, mixed Hebrew/English, gendered language, nikud and numerals, and Hebrew SEO best practices. Do NOT use for Hebrew NLP/ML tasks (use hebrew-nlp-toolkit) or translation (use a translation skill).
Author: skills-ilGenerate professional Hebrew documents including PDF, DOCX, and PPTX with full RTL support and proper Hebrew typography. Use when user asks to create Hebrew PDF, generate Israeli business documents, "lehafik heshbonit", "litstor hozeh", build Hebrew Word document, create Hebrew PowerPoint, or produce Israeli templates such as Heshbonit Mas (tax invoice), Hozeh (contract), Hatza'at Mechir (proposal), or Protokol (meeting minutes). Covers reportlab, WeasyPrint, python-docx, and pptxgenjs with bidi paragraph support. Do NOT use for OCR or reading existing documents (use hebrew-ocr-forms instead).
Use at your own risk. Terms of Use · Security
Want to build your own skill? Try the Skill Creator · Submit a Skill