Hebrew Tailwind Preset
Verified90/100Configure Tailwind CSS v4 for Hebrew RTL applications with dir variants, Hebrew font stacks, and logical property utilities. Use when user asks about Tailwind RTL setup, Hebrew Tailwind config, "Tailwind ivrit", RTL utility classes, logical properties in Tailwind, ms-/me- utilities, or Tailwind Hebrew font configuration. Covers Tailwind v4 dir variants, Hebrew font stack presets, logical property utilities, RTL-first component patterns, and Hebrew typography tokens. Do NOT use for general CSS RTL patterns (use hebrew-rtl-best-practices) or full design systems (use israeli-ui-design-system instead).
Trust score 90/100 (Verified) · 335+ installs · 2 GitHub contributors · MIT license
Configuring Tailwind CSS for Hebrew applications requires adjustments beyond setting dir=rtl. It involves reversed spacing, breakpoints that behave differently in RTL, Hebrew typography with custom font stacks, and dozens of small details. Without a ready-made preset, every project starts from scratch and falls into the same traps.
skills-ilnpx skills-il add skills-il/localization@v1.0.4-hebrew-tailwind-preset --skill hebrew-tailwind-preset -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 Hebrew RTL website needing Tailwind config with RTL support
- When using Hebrew fonts like Heebo, Assistant, or Noto Sans Hebrew
- When needing RTL variants for padding, margin, and text-align
- When upgrading from Tailwind v3 to v4 and need updated RTL support
Try These Prompts
How do I configure Tailwind CSS to work with Hebrew RTL? Including plugin setup, default direction, and support for both languages.
How do I configure a Hebrew font like Heebo or Assistant in Tailwind? Including font-family and font-face setup inside tailwind.config.
What is the difference between using ms-/me- (logical) versus ml-/mr- in Tailwind when developing a bidirectional app supporting both Hebrew and English?
Frequently Asked Questions
Changelog
Added the Tailwind v4 build-plugin install step, a font-loading snippet, and the dir=rtl prerequisite for direction variants.
May 14, 2026
Expanded Hebrew description for EN/HE depth parity, populated 'avoid' guidance, and cleaned best-practices text.
Apr 20, 2026
Added Reference Links section and a font-display: swap note in Step 1 to prevent FOIT.
Apr 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