Hebrew Tailwind Preset
Trusted89/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 89/100 (Trusted) · 298+ 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-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-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.
Use at your own risk. Terms of Use · Security
Want to build your own skill? Try the Skill Creator · Submit a Skill