Hebrew RTL Best Practices
Verified91/100Implement right-to-left (RTL) layouts for Hebrew web and mobile applications. Use when user asks about RTL layout, Hebrew text direction, bidirectional (bidi) text, Hebrew CSS, "right to left", or needs to build Hebrew UI. Covers CSS logical properties, Tailwind RTL, React/Next.js RTL setup, Hebrew typography, and font selection. Do NOT use for Arabic RTL (similar but different typography) unless user explicitly asks for shared RTL patterns.
Trust score 91/100 (Verified) · 486+ 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 --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
Related Skills
Author: hoodiniAccess Jewish calendar data and Shabbat times via Hebcal API. Use when building apps with Shabbat times, Jewish holidays, Hebrew dates, or Zmanim. Triggers on Shabbat times, Hebcal, Jewish calendar, Hebrew date, Zmanim.
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).
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.
Use at your own risk. Terms of Use · Security
Want to build your own skill? Try the Skill Creator · Submit a Skill