يجب استخدام هذه المهارة عندما يطلب المستخدم "إنشاء تطبيق MCP"، أو "إضافة واجهة مستخدم إلى أداة MCP"، أو "إنشاء عرض MCP تفاعلي"، أو "دعم تطبيق MCP"، أو يحتاج إلى إرشادات حول أنماط MCP Apps SDK، أو تسجيل موارد واجهة المستخدم، أو دورة حياة تطبيق MCP، أو تكامل المضيف. يوفر إرشادات شاملة لبناء تطبيقات MCP باستخدام واجهات المستخدم التفاعلية.
ثبّت مهارة الذكاء الاصطناعي create-mcp-app بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: modelcontextprotocol/ext-apps.
Build interactive UIs that run inside MCP-enabled hosts like Claude Desktop. An MCP App combines an MCP tool with an HTML resource to display rich, interactive content.
| React | useApp hook provided | Teams familiar with React | | Vanilla JS | Manual lifecycle | Simple apps, no build complexity | | Vue/Svelte/Preact/Solid | Manual lifecycle | Framework preference |
Clone the SDK repository for working examples and API documentation:
يجب استخدام هذه المهارة عندما يطلب المستخدم "إنشاء تطبيق MCP"، أو "إضافة واجهة مستخدم إلى أداة MCP"، أو "إنشاء عرض MCP تفاعلي"، أو "دعم تطبيق MCP"، أو يحتاج إلى إرشادات حول أنماط MCP Apps SDK، أو تسجيل موارد واجهة المستخدم، أو دورة حياة تطبيق MCP، أو تكامل المضيف. يوفر إرشادات شاملة لبناء تطبيقات MCP باستخدام واجهات المستخدم التفاعلية. المصدر: modelcontextprotocol/ext-apps.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/modelcontextprotocol/ext-apps --skill create-mcp-appيجب استخدام هذه المهارة عندما يطلب المستخدم "إنشاء تطبيق MCP"، أو "إضافة واجهة مستخدم إلى أداة MCP"، أو "إنشاء عرض MCP تفاعلي"، أو "دعم تطبيق MCP"، أو يحتاج إلى إرشادات حول أنماط MCP Apps SDK، أو تسجيل موارد واجهة المستخدم، أو دورة حياة تطبيق MCP، أو تكامل المضيف. يوفر إرشادات شاملة لبناء تطبيقات MCP باستخدام واجهات المستخدم التفاعلية. المصدر: modelcontextprotocol/ext-apps.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/modelcontextprotocol/ext-apps --skill create-mcp-app بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/modelcontextprotocol/ext-apps