المدونة › Drint MCP في Cursor وVS Code وClaude Code

كيف تضيف قوالب قص التغليف وموك أب 3D إلى Cursor وVS Code وClaude Code

بقلم Nguyễn Thành Dân، مؤسس Drint · 03/11/2026

النقاط الرئيسية

• عنوان واحد يعمل في كل محرر: https://drint.io/mcp، عبر Streamable HTTP، ومُدرج في سجل MCP الرسمي باسم io.drint/drint.
• Claude Code: أمر واحد في الطرفية، اختُبر في 3 نوفمبر 2026 مع Claude Code 2.1.285.
• Cursor: نقرة واحدة من Cursor Directory، أو أربعة أسطر في ~/.cursor/mcp.json.
• VS Code: ملف .vscode/mcp.json في مساحة العمل.
• البحث عن الموك أب والاستعلام عن قوالب القص لا يحتاجان إلى حساب. أما ملفات قوالب القص فتحتاج إلى حساب Drint: يحصل Free على قالب قص SVG واحد شهريًا، وتحتاج PDF / AI إلى Pro.

ماذا يقدّم خادم Drint MCP للمطور؟

بروتوكول سياق النموذج (MCP) معيار مفتوح يتيح لمساعد الذكاء الاصطناعي استدعاء أدوات خارجية. يوفّر خادم Drint عدد 11 أداة. ثلاث منها تعمل دون تسجيل الدخول:

أما الأدوات الثماني الأخرى فتعمل على حساب Drint: get_dieline (SVG في Free، وPDF أو AI في Pro، بمقاس دقيق)، وmake_dieline (DXF وCF2، Pro)، وlist_my_projects، وopen_my_project، وreview_inbox، وget_3d_studio_link، وmy_drint، وwait_for_upgrade. القائمة الكاملة في شرح Drint MCP.

كيف أضيف Drint إلى Claude Code؟

شغّل أمرًا واحدًا في مجلد مشروعك:

``bash claude mcp add --transport http drint https://drint.io/mcp ``

ثم تحقق منه:

``bash claude mcp list ``

في 3 نوفمبر 2026 طبع التحقق هذا السطر:

``text drint: https://drint.io/mcp (HTTP) - ✔ Connected ``

ويستطيع Claude Code أيضًا تثبيت Drint كإضافة (plugin) من مستودعه على GitHub، drint-io/drint-mcp:

``text /plugin marketplace add drint-io/drint-mcp /plugin install drint@drint ``

كيف أضيف Drint إلى Cursor؟

أسرع طريقة هي صفحة Drint في Cursor Directory. انقر Add to Cursor. تعرض الصفحة الإعداد الدقيق الذي تمرّره إلى Cursor، وهو عنوان الخادم فقط.

ولإضافته يدويًا، افتح ~/.cursor/mcp.json لكل المشاريع، أو .cursor/mcp.json لمشروع واحد، وأضف:

``json { "mcpServers": { "drint": { "url": "https://drint.io/mcp" } } } ``

بعدها يُدرج Cursor خادم Drint ضمن خوادم MCP لديه، ويستطيع الوكيل في المحادثة استدعاء أدواته.

كيف أضيف Drint إلى VS Code مع GitHub Copilot؟

أنشئ .vscode/mcp.json في مساحة العمل:

``json { "servers": { "drint": { "type": "http", "url": "https://drint.io/mcp" } } } ``

شغّل الخادم من ذلك الملف، ثم افتح Copilot Chat في وضع Agent. ستظهر أدوات Drint في قائمة أدواته.

تتبع خطوات VS Code توثيق Microsoft. ولم نختبرها في VS Code لأجل هذا الدليل.

ماذا يحدث حين تحتاج أداة إلى حسابي في Drint؟

يردّ الخادم بـ HTTP 401 مع ترويسة WWW-Authenticate. ثم يفتح المحرر صفحة تسجيل الدخول إلى Drint في المتصفح. لا يرى محررك كلمة مرور Drint أبدًا، بل يتلقى رمز OAuth 2.1 يمكنك إزالته في أي وقت من Drint ← الحساب ← تسجيل الدخول والأمان ← التطبيقات المتصلة.

البحث والاستعلام عن قوالب القص لا يطلبان تسجيل الدخول أبدًا.

كيف يبدو طلب حقيقي؟

اسأل الوكيل: «أي قالب قص في Drint هو FEFCO 0201، وما مقاسه الافتراضي؟» فيستدعي list_dielines. في 3 نوفمبر 2026 أرجع الخادم:

```text 1 Drint dieline structures for "0201":

• rsc: Shipping carton, flaps meet – FEFCO 0201 (default 300 × 200 × 220 mm)

```

ويحمل الجزء المنظّم من الإجابة أيضًا رابط بدء، https://drint.io/app?tao=rsc&L=300&W=200&H=220، يفتح تلك الكرتونة في محرر Drint بذلك المقاس.

وأرجع البحث عن «kraft paper bag» (كيس ورق كرافت) 8 نماذج موك أب. أولها كيس كرافت للسوبرماركت بقاع عريض بمقاس 320 × 180 × 300 mm. وتحمل كل نتيجة معرّفًا تقبله open_mockup. اختبار كامل لجودة البحث وسرعته في قياس أداء Drint MCP.

ماذا يعني هذا للمطورين الذين يبنون لقطاع التغليف

يستطيع من يبني متجرًا أن يسأل عن المقاس الافتراضي لكرتونة فيحصل على الأرقام نفسها التي يستخدمها محرر Drint. ويمكن لصفحة منتج أن تربط إلى صفحة موك أب 3D بدل صورة مسطحة. ويمكن أن ينتقل موجز العمل من المحرر إلى المصمم مع رابط بدء يفتح قالب القص الصحيح بالمقاس الصحيح.

المحرر لا يصمم العبوة، بل يجد الهيكل والموك أب. أما التصميم وفحوص الطباعة وتصدير الملفات فتبقى في Drint، حيث يعمل أيضًا فحص قانون الملصقات.

المصادر

• Model Context Protocol، المواصفات والتوثيق، تاريخ الاطلاع 3 نوفمبر 2026.
• سجل MCP الرسمي، المدخل io.drint/drint، الإصدار 1.0.1، تاريخ الاطلاع 3 نوفمبر 2026.
• Anthropic، توثيق MCP في Claude Code، تاريخ الاطلاع 3 نوفمبر 2026.
• Cursor، توثيق Model Context Protocol، تاريخ الاطلاع 3 نوفمبر 2026.
• Microsoft، استخدام خوادم MCP في VS Code، تاريخ الاطلاع 3 نوفمبر 2026.
• Cursor Directory، Drint، تاريخ الاطلاع 3 نوفمبر 2026.
• Drint، استجابات drint.io/mcp لـ initialize وtools/list وlist_dielines وsearch_mockups، مسجّلة في 3 نوفمبر 2026.

جرّبه

أضف https://drint.io/mcp إلى محررك، ثم اسأل: «ابحث عن موك أب أكياس ورق كرافت في Drint.» أو افتح صفحة مساعدة Drint MCP.

الأسئلة الشائعة