תצורת Tailwind לעברית
אמין88/100הגדרות Tailwind CSS v4 לאפליקציות RTL בעברית: וריאנטי dir, מחסניות גופנים עבריות וכלי שירות לוגיים. השתמשו כשהמשתמש שואל על הגדרת Tailwind RTL, תצורת Tailwind עברי, מחלקות שירות ל-RTL, תכונות לוגיות ב-Tailwind, שימוש ב-ms-/me- או הגדרת גופנים עבריים ב-Tailwind. מכסה וריאנטי dir ב-v4, מחסניות גופנים (Heebo, Assistant, Noto Sans Hebrew), כלי שירות לוגיים, תבניות רכיבים RTL-first וטוקני טיפוגרפיה לעברית. אל תשתמשו בשביל תבניות CSS RTL כלליות (מעבר ל-hebrew-rtl-best-practices) או למערכות עיצוב מלאות (מעבר ל-israeli-ui-design-system).
ציון אמינות 88/100 (אמין) · 508+ התקנות · 2 תורמים ב-GitHub · רישיון MIT
הגדרת Tailwind CSS לאפליקציות בעברית דורשת התאמות שחורגות מ-dir=rtl. צריך לטפל ב-spacing הפוך, ב-breakpoints שמתנהגים אחרת ב-RTL, בטיפוגרפיה עברית עם font stacks מותאמים, ועוד עשרות פרטים קטנים. בלי preset מוכן, כל פרויקט מתחיל מאפס ונופל באותן בורות.
skills-ilאיך להשתמש בסקיל הזה
לא בטוחים איך? קראו את המדריך- 1. לחצו "הורדת ZIP" להורדת קבצי הסקיל.
- 2. פתחו את Claude Desktop ולכו ל-Customize > Skills.
- 3. לחצו על "+" ובחרו "Upload a skill", ואז העלו את קובץ ה-ZIP.
- 4. פתחו שיחה חדשה. הסקיל יופעל אוטומטית כשהנושא רלוונטי.
מפתחים? התקנה דרך שורת הפקודה (CLI)
npx skills-il add skills-il/localization@v1.1.0-hebrew-tailwind-preset --skill hebrew-tailwind-preset -a claude-codeמתי להשתמש
- כשבונים אתר RTL בעברית וצריך הגדרות Tailwind עם תמיכה ב-RTL
- כשרוצים להשתמש בפונטים עבריים כמו Heebo, Assistant או Noto Sans Hebrew
- כשצריך variants ל-RTL ל-padding, margin ו-text-align באותו קובץ CSS
- כשמשדרגים מ-Tailwind v3 ל-v4 וצריך תמיכת RTL עדכנית
נסו את הפרומפטים האלה
איך מגדירים את Tailwind CSS לעבודה עם RTL בעברית? כולל הגדרת הפלאגין, כיוון ברירת מחדל ותמיכה בשתי שפות.
איך מגדירים גופן עברי כמו Heebo או Assistant ב-Tailwind? כולל הגדרת font-family ו-font-face בתוך tailwind.config.
מה ההבדל בין שימוש ב-ms-/me- (logical) לבין ml-/mr- ב-Tailwind כשמפתחים אפליקציה דו-כיוונית (Hebrew + English)?
שאלות נפוצות
יומן שינויים
עדכון ל-Tailwind v4 עדכני (שינוי שמות inset ב-v4.3), חיבור next/font עם @theme inline, מצב כהה ב-v4 עם @custom-variant והערות dir=auto.
21 ביוני 2026
הוספת שלב התקנת תוסף ה-build של Tailwind v4, קטע טעינת גופנים, ותנאי dir=rtl לוריאנטים כיווניים.
14 במאי 2026
שיפור תיאור עברי, הוספת פרטים על מתי לא להשתמש, והסרת מקף ארוך מהשיטות המומלצות.
20 באפר׳ 2026
סקילס קשורים
יוצר: skills-ilמייצרים מסמכים מקצועיים בעברית (PDF, DOCX/וורד ו-PPTX) עם פריסה נכונה מימין לשמאל, טיפול נכון בטקסט מעורב עברית ואנגלית (BiDi) וטיפוגרפיה עברית תקינה. השתמשו בכל פעם שצריך מסמך Word בעברית או מסמך וורד מעורב עברית-אנגלית, PDF בעברית או מצגת בעברית, כולל ניסוחים כמו "מסמך Word בעברית", "קובץ docx בעברית", "להפיק חשבונית מס" ו"לנסח חוזה", או תבניות ישראליות כמו חשבונית מס, חוזה, הצעת מחיר ופרוטוקול. השתמשו בסקיל הזה גם כשמסמך עברי נראה תקין על המסך או בתוך Claude אבל יוצא משובש, הפוך או שבור אחרי ייצוא ל-Word, עם מילים באנגלית, מספרים או סימני פיסוק בצד הלא נכון, בניסוחים כמו "הטקסט בעברית הפוך ב-Word", "המסמך ב-Word יצא מבולגן", "לתקן עברית ב-Word" או "הפורמט בקובץ docx שבור"; הפתרון הוא להפיק מחדש את קובץ ה-docx עם כיווניות RTL/BiDi ברמת הפסקה, ולא תיקון CSS של אתר. העדיפו את הסקיל הזה על פני סקיל ה-docx או ה-pdf הכללי רק כשהמסמך בעברית או מימין לשמאל, כי הם לא מגדירים RTL/BiDi והתוצאה היא עברית משובשת עם מילים באנגלית וסימני פיסוק במקום הלא נכון; למסמכים באנגלית בלבד תשתמשו בסקיל הכללי. מכסה reportlab, WeasyPrint, python-docx ו-pptxgenjs. לא מיועד לקריאת מסמכים קיימים או OCR (תשתמשו ב-hebrew-ocr-forms).
יוצר: skills-ilכותבים ועורכים תוכן מקצועי בעברית - קופי שיווקי, טקסט ממשק, מאמרים, מיילים ופוסטים לרשתות. השתמשו כשצריך לכתוב בעברית, ליצור תוכן שיווקי, לערוך טקסט קיים, לכתוב טקסט UX או לקדם תוכן עברי ב-SEO. מכסה כללי דקדוק, רמות כתיבה מרשמי ועד דוגרי, עירוב עברית-אנגלית, לשון מגדרית, ניקוד ומספרים, וקידום אתרים בעברית. כך התוכן יוצא טבעי וישראלי במקום תרגום מילולי. אל תשתמשו למשימות NLP/ML בעברית (יש hebrew-nlp-toolkit) או לתרגום (יש skill ייעודי לתרגום).
יוצר: skills-ilבניית פריסות RTL (ימין לשמאל) לאפליקציות ווב בעברית. השתמשו כשהמשתמש שואל על פריסת RTL, כיוון טקסט עברי, טקסט דו-כיווני (bidi), CSS עברי, או כשצריך לבנות ממשק ווב בעברית. מכסה תכונות CSS לוגיות, הפסבדו-קלאס :dir(), Tailwind RTL, הגדרת React/Next.js ל-RTL, שיקוף אייקונים, טיפוגרפיה עברית ובחירת גופנים. אל תשתמשו ל-RTL בערבית (טיפוגרפיה שונה) אלא אם המשתמש מבקש במפורש דפוסי RTL משותפים, או ל-RTL במובייל נייטיב (React Native, SwiftUI, Android) שנמצא מחוץ להיקף.
השימוש על אחריותכם בלבד. תנאי שימוש · אבטחה
רוצים לבנות סקיל משלכם? נסו את יוצר הסקילס · הגשת סקיל