الذكاء الاصطناعي يبني واجهتك العربية بالمقلوب؟
rtl-ui ملف تعليمات مجاني تعطيه Claude أو أي أداة تبني لك الواجهات، وتطلع الصفحة العربية صح وهي معروضة، مو بس في الكود.
سوّاه م. معاذ أحمد · آخر تحديث:
إيش لقينا في 72 موقع عربي منشور
مواقع مبنية بـ Lovable و v0، فتحناها وقسناها وهي معروضة في المتصفح، مو في الكود.
الكود يبان سليم.
المشكلة ما تطلع إلا لما تشوف الصفحة. عشان كذا كل قاعدة في الملف جاية من خطأ شفناه في صفحة معروضة، ومعها السبب.
إيش يقول للأداة
- الاتجاه من فوق، ولكل مكوّنيتحدد مرة وحدة عند جذر الصفحة، ولكل مكتبة واجهات بعد، لأن بعضها يبقى من اليسار لليمين داخل صفحة عربية.
- خط فيه حروف عربيةمحمّل فعلًا، وبعده خط احتياطي عام، عشان ما يرسمه كل جهاز بخط مختلف.
- الأرقام والإيميلات معزولةالجوال والإيميل والأكواد تنعزل من اليسار لليمين. والمدد مثل 9:00 - 17:00 والتواريخ تبقى مع الجملة.
- ما فيه عربي داخل حقل إنجليزيولا حتى النص اللي يظهر في حقل الإيميل وهو فاضي. التلميح العربي مكانه فوق الحقل.
- الحقول الإنجليزية من اليسارالإيميل والجوال وكلمة السر والأكواد تنكتب من اليسار لليمين.
- مساحة للأيقونة في جهتهاالأيقونة داخل الحقل لها مساحتها في الجهة اللي هي فيها فعلًا، فالنص ما يدخل تحتها.
- السهم يأشّر وين رايح«التالي» يأشّر لليسار، و«رجوع» يأشّر لليمين.
- ولا كلمة إنجليزيحتى النصوص اللي يقراها قارئ الشاشة وما تشوفها العين.
- بدون تباعد وبدون مائللا تباعد بين الحروف العربية، ولا خط مائل عليها.
- يشوف الصفحة قبل لا يقول خلصتيعرضها بعرض جوال وكمبيوتر، ويكتب قيم حقيقية في كل حقل.
هل يفرق؟
جرّبناه 48 مرة على ست مهام مثل اللي يطلبها العملاء، بـ Claude Haiku و Claude Sonnet، كل مهمة مع الملف وبدونه. وقيّمنا الصفحة وهي معروضة، بعرض جوال وكمبيوتر، بعد ما كتبنا قيم حقيقية في كل حقل.
خمسة من السبعة الباقية جت من قاعدتين في الملف نفسه. صلّحناهم في النسخة الحالية وتأكدنا منهم في المتصفح، لكن ما أعدنا تجربة المهام عليها بعد.
ركّبه في دقيقة
- 1انسخه لـ Claude Codeمن الـ Terminal، مرة وحدة لكل مشاريعك:
git clone https://github.com/Muhandis-online/rtl-ui-skill cp -r rtl-ui-skill/skills/rtl-ui ~/.claude/skills/ - 2اطلب شاشتك بالعربيوقل له يستخدم rtl-ui. في تجاربنا قلنا له كذا، فما نعرف بعد إذا يفتحه بنفسه كل مرة.
- 3شوف الصفحةاعرضها بعرض جوال وكمبيوتر، واكتب رقم جوال وإيميل وكلمة سر طويلة في الحقول.
حدوده، بصراحة
- المتصفح فقط.جرّبناه على صفحات ويب. القواعد مكتوبة بسببها، فالمفروض تنفع في تطبيقات الجوال والكمبيوتر، لكن ما جرّبناها هناك بعد.
- العربي فقط.أغلب الأسباب نفسها في العبري والفارسي والأوردو، لكن ما جرّبناه عليها.
- عيّنة صغيرة.محاولتين لكل نموذج ومهمة وحالة. الفرق واضح، لكنه مو دراسة.
واجهتك العربية طالعة غلط، وما تبي تصلّحها بنفسك؟
علّمنا إيش يطلع غلط وعلى أي جهاز، ونقول لك إيش يحتاج وكم يكلّف.
بدون أي التزام · بدون أي كلمة سر