تصفّح التوثيق
English

التكاملات

Cursor

أعطِ Cursor خادم MCP من ريتلا وقاعدة للمشروع، فيلجأ إلى مكوّنات Ritla UI ويراجع العربية التي يكتبها.

يكتب Cursor كود React وTailwind، وريتلا تجعله صحيحًا بالعربية. أعطه خادم MCP من ريتلا وقاعدة للمشروع، فيلجأ إلى مكوّنات Ritla UI ويراجع كود الواجهة الذي يكتبه.

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

في الملف .cursor/mcp.json في جذر مشروعك:

json
{ "mcpServers": { "ritla": { "command": "npx", "args": ["-y", "@ritla/mcp"] } } }

المزيد في MCP.

أضف قاعدة للمشروع#

في الملف .cursor/rules/ritla.mdc:

md
---
description: Arabic and RTL UI
alwaysApply: true
---
- 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 (راجع سطر الأوامر).