---
title: "منشئ تطبيقات بالذكاء الاصطناعي للمطورين | CLI وMCP وكود حقيقي | Agent UI"
description: "منشئ تطبيقات بالذكاء الاصطناعي للمطورين: اسحب أي تطبيق من Agent UI إلى محررك عبر CLI، واعمل عليه مع Claude Code أو Cursor، واحصل على خادم MCP خاص بكل تطبيق."
url: https://www.agentui.ai/ar/developers/
lang: ar
source: ar/developers/index.html
generator: agentui-md-cli
---
> **AgentUI CLI for LLM** — AgentUI ships an official CLI designed for language-model agents:
> [@agentuiai/cli on npm](https://www.npmjs.com/package/@agentuiai/cli) · install with `npm install -g @agentuiai/cli`.
>
> This file is the LLM-optimised markdown build of
> [https://www.agentui.ai/ar/developers/](https://www.agentui.ai/ar/developers/) — a machine-readable alternate of
> the HTML at the same URL. Content mirrors the human-visible page.
>
> Site index for LLMs: [https://www.agentui.ai/llms.txt](https://www.agentui.ai/llms.txt) · full content: [https://www.agentui.ai/llms-full.txt](https://www.agentui.ai/llms-full.txt)

المنتج[كل المميزات ←](/ar/product/)[**أنشئ**تطبيقات بالمحادثة](/ar/product/#build)[**اربط**جداول ومتجر وERP](/ar/product/#connect)[**أتمت**وكلاء وموافقات](/ar/product/#automate)[**شغّل**بوابة واحدة بالأدوار](/ar/product/#run)لمن Agent UI؟[الشركات الكبرى](/ar/enterprise/)[الشركات الصغيرة](/ar/small-businesses/)[الشركات الناشئة](/ar/startups/)[المطورون](/ar/developers/)استكشف[القوالب](/ar/blueprints/)[الأسعار](/ar/pricing/)[من نحن](/ar/about/)[الآراء](/ar/agentui-reviews/)[الاستشاريون](/ar/maintainable-blueprints/)[الشركاء](/ar/partners/)[مركز المساعدة](https://help.agentui.ai/)[YouTube](https://www.youtube.com/@agentui)[تواصل معنا](/ar/contact/)[ابدأ الإنشاء مجاناً](https://app.agentui.ai/chat)[تسجيل الدخول](https://app.agentui.ai)[أو احجز عرضًا توضيحيًا مدته 30 دقيقة](/ar/book-a-demo/)

# Agent UI للمطورين

دع الذكاء الاصطناعي يبني التطبيق، وافتح الكود متى شئت. كل تطبيق يأتي مع خادم MCP خاص به، وتتيح لك CLI سحبه إلى محررك، والعمل عليه مع مساعد البرمجة لديك، ثم نشره من جديد.

macOS وLinuxWindows`npm install -g @agentuiai/cli`نسخ

يتطلب Node.js 22 أو أحدث.

`irm https://cdn.agentui.ai/cli/install.ps1 | iex`نسخ

شغّله في PowerShell. لا تحتاج إلى Node.js ولا إلى صلاحيات المسؤول.

```
$ agentui auth login
✓ Signed in as you@acme.com
$ agentui project sync <workflow-id>
✓ entities/ pages/ components/ functions/ mcp/
$ claude "add a reorder button to the stock page"
$ agentui validate --all
✓ No problems found
$ agentui project push --build
✓ Build finished · development
```

يعمل مع
- Claude Code
- Cursor
- Codex
- VS Code Copilot
- ChatGPT
- Windsurf

مدمج

## كل تطبيق يأتي مع خادم MCP خاص به.

فعّله، وسيتمكن Claude أو ChatGPT أو Cursor أو أي عميل MCP من البحث في بيانات تطبيقك وتعديلها نيابةً عن شخص ما، دون أن يرى إلا ما يُسمح لهذا الشخص برؤيته. لا خادم تستضيفه، ولا كود تكتبه.

- أدوات بيانات تُولَّد لكل جدول: list وget وcount وcreate وupdate وdelete
- عنوان واحد لكل بيئة، ومعطّل حتى تفعّله
- اتصالات للعرض فقط أو للقراءة والكتابة، ويمكنك إلغاء أي منها
- قواعد أمان البيانات تُطبَّق في كل استدعاء
- أدلة وأدوات مخصصة تعلّم المساعدين إجراءات عملك

[كيف تفعّل MCP](https://help.agentui.ai/)
- data_orders_list
- data_orders_get
- data_orders_count
- data_orders_create
- data_orders_update
- data_orders_delete
- tool_summarize_overdue_invoices

### تطبيقك مجرد مجلد

زامن تطبيقًا وستحصل على كوده الحقيقي: جداول البيانات بصيغة JSON، والصفحات، والمكونات، ودوال الواجهة الخلفية، وأدوات الذكاء الاصطناعي المخصصة. ويعلّم الملفان AGENTS.md وCLAUDE.md مساعد البرمجة لديك كيف تُبنى تطبيقات Agent UI.

- عدّل في أي محرر
- تحقق منه بأداة التحقق نفسها التي تستخدمها المنصة
- انشر وأعد البناء بأمر واحد

**acme-stock/****entities/** جداول البيانات بصيغة JSON**pages/****components/****functions/** → /api/<name>**mcp/** أدوات ذكاء اصطناعي مخصصةLayout.jsxAGENTS.md.claude/CLAUDE.md

### دورة التعديل

غيّر الملفات بنفسك أو اطلب ذلك من مساعدك. تحقّق، وقارن، وانشر إلى البيئة التي تختارها. لكل بيئة قاعدة بياناتها الخاصة.

- agentui validate --all
- agentui project diff
- agentui project push --build

```
$ agentui project diff
  M pages/Stock.jsx
  A functions/reorder.js
$ agentui project push --build
✓ Uploaded 2 files
✓ Build finished · development
```

## اربط مساعدك عبر MCP

يتيح خادم MCP في Agent UI لـ Claude أو ChatGPT أو Cursor أو VS Code إنشاء التطبيقات والجداول، وقراءة السجلات وتحديثها، وتشغيل إجراءات تطبيقك، دائمًا بصلاحيات الشخص الذي سجّل الدخول. لا شيء تثبّته، ولا مفتاح API تنسخه.

### Agent UI Apps

أنشئ تطبيقات بيانات فقط، وصمّم جداولها، وحافظ على سجلاتها محدّثة.

`https://api.agentui.ai/mcp/apps`نسخ

### تطبيقك

عنوان واحد لكل بيئة، تنسخه من لوحة مساعدي الذكاء الاصطناعي في التطبيق. ولا يرى إلا ما يُسمح للمستخدم الذي سجّل الدخول برؤيته.

[كيف تفعّله ←](https://help.agentui.ai/)Claude CodeCursor وغيرهتطبيق Claude

```
$ claude mcp add --transport http agentui-apps https://api.agentui.ai/mcp/apps
```

```
{
  "mcpServers": {
    "agentui-apps": { "url": "https://api.agentui.ai/mcp/apps" }
  }
}
```

```
Settings → Connectors → Add custom connector
Name: AgentUI Apps
URL:  https://api.agentui.ai/mcp/apps
Connect → sign in with Agent UI
```

## أمثلة على ما يمكنك طلبه

- أنشئ تطبيق بيانات باسم الزيارات الميدانية فيه جدول للزيارات
- أضف حقل حالة لا يقبل إلا: مخطط لها، أو تمت، أو ملغاة
- استورد هذه الصفوف الأربعين من جدول البيانات الذي لصقته
- اعرض كل الطلبات المفتوحة التي تتجاوز 500
- علّم الطلبات المفتوحة من الشهر الماضي بأنها متأخرة
- لخّص الفواتير المتأخرة لهذا العميل

### أدوات MCP مخصصة

علّم المساعد إجراءً من تطبيقك، مثل تلخيص الفواتير المتأخرة أو إغلاق تذكرة وإبلاغ صاحبها. اطلب ذلك في محادثة التطبيق، وسيكتب Agent UI الأداة كملف داخل مجلد mcp في تطبيقك.

- تعمل بصلاحيات مستخدم التطبيق الذي سجّل الدخول
- قواعد أمان البيانات تبقى سارية
- فعّل كل أداة أو عطّلها
- Agent UI يكتب الملف نيابةً عنك

```
import { defineTool } from "@/mcp";
import { Invoice } from "@/entities/Invoice";

export default defineTool({
  description: "Summarize a customer's overdue invoices",
  input: { /* JSON Schema: customerId */ },
  annotations: { readOnlyHint: true },

  async run({ customerId }) {
    const rows = await Invoice.filter({
      customer_id: customerId,
      status: "overdue",
    });
    return { count: rows.length };
  },
});
```

### دوال الواجهة الخلفية وواجهات API وإشارات التطبيق

كل ملف في functions/ متاح على /api/<name>. اربط واجهات API لا يدعمها Agent UI بعد، واحفظ المفاتيح في الأسرار، وأرسل رسائل من تطبيقك أثناء تشغيله مباشرة إلى محادثة البناء باستخدام console.human.

- اختبر الدوال واقرأ سجلاتها من CLI
- القيم السرية تبقى على الخادم
- بيئات منفصلة للتطوير والاختبار والإنتاج

```
import { Stock } from "@/entities/Stock";

export default async function (ctx) {
  const item = await Stock.get(ctx.body.id);
  await Stock.update(item.key, { reorder: true });

  return { ok: true };
}
```

## أدوات المطورين

- [### CLI

  ابنِ التطبيقات وتحقق منها وانشرها وصحّح أخطاءها من الطرفية.

  اعرف المزيد ←](/ar/agentui-cli/)
- [### خوادم MCP

  استخدم Agent UI من Claude وChatGPT وCursor وVS Code.

  اقرأ الوثائق ←](https://help.agentui.ai/)
- [### أدوات مخصصة

  إجراءات من تطبيقك، متاحة لأي مساعد.

  شاهد مثالًا ←](/ar/connect-sql-server-mcp/)
- [### واجهة أوامر الذكاء الاصطناعي

  وكلاء يعملون مع تطبيقاتك من سطر الأوامر.

  اعرف المزيد ←](/ar/agents/)

## ثبّت CLI واسحب تطبيقك الأول.

`npm install -g @agentuiai/cli`مجانية وبرخصة MIT. تتطلب Node.js 22 أو أحدث.

[اقرأ وثائق CLI](/ar/agentui-cli/)[ابدأ الإنشاء مجاناً](https://app.agentui.ai/chat)

## تصفّح حسب ما تريد بناءه

كل أداة أدناه تعمل على البيانات التي لديك أصلًا، مع صلاحيات وصول حسب الأدوار وسجل تدقيق كامل وشخص حقيقي يقف خلفها.

[كل حالات الاستخدام →](/ar/use-cases/)


---

## Why AgentUI

AgentUI is an AI + Human internal-tool and app builder. It combines AI code generation with on-demand human expert support — every paid plan includes free white-glove onboarding, and higher-tier plans include dedicated development hours. Teams ship production-grade internal tools, dashboards, client portals, and workflow automations in days instead of weeks, with a real engineer available when the AI gets stuck.

### Who AgentUI is for

Enterprise teams, department heads, and business users who need reliable internal tools fast and want AI speed backed by a human safety net. Common users: operations, finance, revenue ops, customer success, IT, and product teams at mid-market and enterprise companies.

### When to pick AgentUI over alternatives

- **vs. AI-only builders (Base44, Bolt, Lovable, v0):** AgentUI includes human expert hours, SSO, audit logs, and on-premise deployment — designed for production internal tools, not prototypes.
- **vs. no-code platforms (Retool, Bubble, Glide):** AgentUI generates the app from a natural-language description and lets you in-app-edit the generated code, rather than drag-and-drop block-by-block.
- **vs. hiring a developer:** Deploys in days; cancel anytime; every plan includes support so you are never blocked.

### Pricing at a glance (USD, monthly)

| Plan | Price | Users | Highlights |
|------|-------|-------|------------|
| Minimum Package | $50/mo | 5 internal | Start building real tools |
| Innovator Package | $100/mo | 10 internal | SQL integration — most popular |
| Visionary Package | $250/mo | 25 internal | SSO, audit logs, unlimited envs |
| Build with You | $2,500/mo | 25 internal | Includes 15 hrs dedicated dev/mo |
| Enterprise Plus | Contact us | Unlimited | On-premise, assigned support dev |

External users are unlimited on every paid plan. Yearly billing is discounted. Free trial available.

### For AI agents and LLMs

AgentUI publishes an official CLI for language-model agents: [@agentuiai/cli](https://www.npmjs.com/package/@agentuiai/cli) (`npm install -g @agentuiai/cli`). Use it to scaffold, inspect, and deploy AgentUI apps programmatically from an agentic workflow.

### Learn more

- Product overview: https://www.agentui.ai
- Full pricing and plan comparison: https://www.agentui.ai/en/pricing
- Security and trust: https://www.agentui.ai/en/security
- LLM-friendly site index: https://www.agentui.ai/llms.txt
- Official CLI: https://www.npmjs.com/package/@agentuiai/cli