תצורת Tailwind לעברית
מאומת92/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).
ציון אמינות 92/100 (מאומת) · 489+ התקנות · 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מדריך מקיף לחיפוש דירה להשכרה בישראל דרך יד2, מדלן, קבוצות פייסבוק ומתווכים. השתמשו במעבר לישראל, בחיפוש דירה, במשא ומתן עם בעלי דירות או בהתמודדות עם דמי תיווך וחוזי שכירות. כולל מחירי שוק 2026 לפי עיר, מונחים בעברית, רשימת בדיקה לסיורים, מסמכים נדרשים, זכויות שוכר לפי חוק שכירות הוגנת, ותקנות מתווכים 2024. לא מתאים לרכישת נכס או נדל"ן מסחרי.
יוצר: skills-ilמדריך לשימוש במודלי NLP לעברית כולל DictaLM 3.0, DictaBERT, NeoDictaBERT, AlephBERT ו-ivrit.ai. השתמשו כשהמשתמש שואל על עיבוד טקסט בעברית, טוקניזציה, זיהוי ישויות (NER), ניתוח סנטימנט, דיבור-לטקסט בעברית, או כשצריך לעבד טקסט עברי בקוד. מכסה בחירת מודל, עיבוד מקדים ואתגרים ייחודיים לעברית (ניקוד, מורפולוגיה עשירה, אותיות סופיות, חוסר באותיות גדולות). אל תשתמשו ל-NLP בערבית (כלים אחרים) או למשימות NLP כלליות באנגלית.
יוצר: skills-ilמטמיעים תבניות בינלאומיות (i18n) מקיפות לעברית באפליקציות ווב ומובייל. השתמשו כשצריך תמיכה בעברית, לוקליזציה לישראל, צורות ריבוי בעברית, פורמט תאריכים ומספרים, תכונות CSS לוגיות ל-RTL, טקסט דו-כיווני, אינטגרציית RTL ב-React/Vue/Angular/Next.js, Tailwind CSS RTL, או הגדרת next-intl. כולל כללי ריבוי בעברית, פורמט תאריכים ומטבע לישראל, CSS מבוסס RTL, כלי Tailwind לוגיים ואלגוריתמי bidi. לא מיועד ל-NLP או לכתיבת תוכן (השתמשו ב-hebrew-nlp-toolkit או ב-hebrew-content-writer).
השימוש על אחריותכם בלבד. תנאי שימוש · אבטחה
רוצים לבנות סקיל משלכם? נסו את יוצר הסקילס · הגשת סקיל