بناء المخططات باستخدام Claude Code ومنشئ JSON
أولاً اتصل بخادم MCP لدينا
claude mcp add --transport http Profound http://107.21.107.99:8081/mcp
يمكنك البدء باستخدام الأدوات والمكونات لإنشاء المستندات/الكتل/المكونات بكميات كبيرة ونشر المواقع الإلكترونية بسرعة.
فيما يلي العملية اليدوية
لتشغيل محرر مخطط Zod JSON.
بالنسبة للتغييرات اللاحقة، سيتعيّن حذف المخطط وإضافته مرة أخرى.
إذا استخدمنا Claude Code لإجراء تغييرات بصرية على TailwindCSS/CSS/React، فيمكننا أيضًا أن نطلب منه تحديث JSON بشكل صحيح باستخدام خادم MCP أو من خلال تزويدك بملف JSON الذي تحتاج إلى لصقه في محرر الشفرة.
اطلب من Claude ببساطة ملف JSON المناسب للمكوّنات التي تريد إنشاء مخطط لها، سواء كان نظامًا هجينًا أو نظام إدارة محتوى بلا واجهة (Headless CMS).
نحن نضيف ميزة جديدة لخادم MCP، ولعرض ذلك نضيف كتلة بطل (Hero) جديدة.
أولاً سنغيّر السجل لدينا لاستخدام كتلة جديدة
const registry = {
"navbar": NavbarBlock,
...
// تمت إضافة كتلة جديدة
"McpFeatureBlock": McpFeatureDisplayBlock,
اطلب من Claude تنفيذ React/CSS الخاصة بالكتلة وتزويدنا بملف JSON لتعريف المخطط. يجب أن يبدو مثل هذا.
"McpFeatureBlock": {
"label": "خادم MCP",
"title": "دع وكلاء الذكاء الاصطناعي يديرون نظام إدارة المحتوى الخاص بك مباشرة",
"description": "يأتي Profound CMS بخادم MCP أصلي. وصّل Claude أو Cursor أو أي وكيل متوافق مع MCP ودعه يقرأ الصفحات ويحدّث الكتل وينشر المحتوى — دون الحاجة إلى كود ربط مخصص.",
"features": ["McpFeatureItem"],
"cta_label": "اطّلع على مستندات MCP",
"cta_href": "/docs/mcp"
}
نلصق هذا في تبويب "استيراد الشفرة" داخل محرر المخطط. يجب أن يبدو كما في الأسفل.
بعد ذلك، أنشئ الكتلة التي تستخدم المخطط mcp_feature_block وارجع إلى تلك الكتلة باستخدام منشئ القوالب في الصفحة.
هذا سير عمل مخصص يجمع بين Claude وProfound CMS.