Claude Code

وكيلك يكتب React وTailwind أصلًا. هاتان الخطوتان تجعلانه يكتب واجهات عربية صحيحة: يختار مكوّنات Ritla UI للأجزاء الصعبة (حقول الهاتف والبطاقة، ورموز التحقق، والمبالغ، والتنقل الذي ينعكس)، ويراجع الكود الذي يكتبه على فحوص ريتلا.

أضف خادم MCP من ريتلا#

claude mcp add ritla -- npx -y @ritla/mcp

بعدها يستطيع Claude Code أن يعرض المكوّنات، ويقرأ توثيق مكوّن، ويبحث عن فحص، ويراجع مقطع كود، ويحصل على أمر التثبيت. المزيد في MCP.

أخبره كيف تبني#

أضف أسطرًا قليلة إلى ملف CLAUDE.md في مشروعك، فتبدأ كل جلسة منها:

## Arabic and RTL
- This app ships in Arabic and English. Use Ritla UI components (ritla MCP server) for
  inputs, phone, card, OTP, amounts and navigation before writing your own.
- Install with `npx ritla add <slug>`; the license key is in .env.local, never in a file you commit.
- Logical properties only (ms/me/ps/pe/start/end/text-start). No left/right classes.
- Run the ritla `check_snippet` tool on UI code you write for an Arabic screen.

افحص ما يصل إلى المستخدمين#

تنبيهات الوكيل تحليل ساكن للكود، لا تشغّل الصفحة. لترى الصفحة كما يراها القارئ العربي افحصها، أو أوقف طلبات الدمج المخالفة بالأمر npx ritla scan (راجع سطر الأوامر).