עברית וכיוון ימין לשמאל

זו התקלה הנפוצה ביותר בבנייה עם AI בעברית, והיא חוזרת בכל שיחה חדשה: המודל כותב ml ו-left, והתוצאה מיושרת לצד הלא נכון. במקום לתקן בכל פעם, ה-Skill הזה נטען אוטומטית בכל משימה שנוגעת בממשק בעברית ומחיל את הכללים מראש. זהו Skill ל-Claude: תיקייה עם קובץ SKILL.md, שנטענת אוטומטית כשהמשימה מתאימה לתיאור שבראש הקובץ. בניגוד לפרומפט שמדביקים בכל פעם מחדש, Skill מותקן פעם אחת וממשיך לעבוד לבד.

בניית אתרים · RTL · עברית · CSS · Tailwind

מתי הוא נכנס לפעולה

• כשמבקשים לבנות או לתקן ממשק בעברית
• כשמשהו יוצא מיושר לצד הלא נכון
• כשעובדים עם dir, RTL או מאפייני CSS לוגיים

---
name: hebrew-rtl
description: "Rules for building or fixing Hebrew and other right-to-left interfaces. Use when writing or editing UI code for a Hebrew site, when text or icons appear mirrored or aligned to the wrong side, or when working with dir, RTL, or logical CSS properties."
---

# עברית וכיוון ימין לשמאל

## הכלל המרכזי

השתמש תמיד במאפיינים לוגיים, לא בכיווניים. זה מה שפותר את הבעיה מהשורש
במקום לתקן אלמנט אחרי אלמנט.

| במקום | כתוב |
|---|---|
| `ml-*` / `mr-*` | `ms-*` / `me-*` |
| `pl-*` / `pr-*` | `ps-*` / `pe-*` |
| `left-*` / `right-*` | `start-*` / `end-*` |
| `text-left` / `text-right` | `text-start` / `text-end` |
| `border-l` / `border-r` | `border-s` / `border-e` |
| `rounded-l-*` / `rounded-r-*` | `rounded-s-*` / `rounded-e-*` |

ב-CSS רגיל: `margin-inline-start`, `padding-inline-end`,
`inset-inline-start`, `text-align: start`.

## מבנה

- `dir="rtl"` ו-`lang="he"` על תגית ה-html, לא על עטיפה פנימית.
- גופן שמרנדר עברית היטב: Rubik או Heebo, עם `system-ui` כגיבוי.

## מה חייב להישאר משמאל לימין

עטוף ב-`<span dir="ltr">` משלו:

- מספרי טלפון. בלי זה קידומת 03 עלולה להופיע בסוף המספר.
- כתובות מייל וכתובות אתר.
- קטעי קוד ומספרי גרסה.
- שמות מותג בכתב לטיני.

## אייקונים

- אייקון שמסמן כיוון מתהפך: חץ חזרה, שברון, פקדי קרוסלה.
- אייקון שמייצג עצם לא מתהפך: טלפון, עגלה, סימן וי, מנעול.

זו הטעות שהכי בולטת לעין ישראלית, ולכן היא מצוינת במפורש.

## לפני שמסיימים

בדוק שאין גלילה אופקית ברוחב 375 פיקסלים. גלישה אופקית בנייד היא הסימן
הראשון לכך שמשהו בכיוון נשבר.

איך מתקינים

1. צרו תיקייה בשם hebrew-rtl בתוך ‎.claude/skills/‎ בפרויקט, או בתיקיית הבית לשימוש בכל הפרויקטים.
2. שמרו בתוכה את הקובץ בשם SKILL.md.
3. זהו. אין צורך להפעיל כלום, והוא ייטען לבד כשהמשימה תתאים לתיאור.

כליקס לא הצליח להיטען

נסו קודם לרענן את העמוד. אם בדיוק עלתה גרסה חדשה, רענון פותר את זה מיד.

אם הרענון לא עזר, ייתכן שהדפדפן ישן מדי: כליקס מריץ את הכלים על המכשיר שלכם ולא בשרת, ולכן הוא זקוק לדפדפן מ-2022 ומעלה. מה עושים: לעדכן את Chrome או את Firefox, ולפתוח שוב את klixtools.com.

רענון העמוד