إنشاء المخططات باستخدام 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 الذي تحتاج إلى لصقه في محرر الأكواد.
ما عليك سوى طلب JSON المناسب من كلود للمكوّنات التي تريد إنشاء مخطط لها، سواء كان هجينا أو نظام إدارة محتوى بدون واجهة (Headless CMS) فقط.
نحن نضيف ميزة جديدة لخادم MCP، ولعرض ذلك نضيف كتلة بطل جديدة.
أولاً سنغيّر السجل الخاص بنا لاستخدام كتلة جديدة
const registry = {
"navbar": NavbarBlock,
...
// تمت إضافة كتلة جديدة
"McpFeatureBlock": McpFeatureDisplayBlock,
...
"footer": FooterBlock,
};
اطلب من كلود تنفيذ React/CSS للكتلة وتزويدنا بـ JSON لتعريف المخطط. يجب أن يبدو كما يلي.
"McpFeatureBlock": {
"label": "خادم MCP",
"title": "دع عملاء الذكاء الاصطناعي يعملون على نظام إدارة المحتوى الخاص بك مباشرةً",
"description": "يأتي Profound CMS مع خادم MCP أصيل. اربط Claude أو Cursor أو أي عميل متوافق مع MCP ودعه يقرأ الصفحات ويحدّث الكتل وينشر المحتوى — دون الحاجة إلى أي كود ربط مخصص.",
"features": ["McpFeatureItem"],
"cta_label": "اقرأ وثائق MCP",
"cta_href": "/docs/mcp"
}
الصقه في محرر JSON في مُنشئ المخطط. يجب أن يبدو كما يلي أدناه.
نصيحة: تفضّل Zod؟ بدّل المحرر من JSON إلى Zod أعلى اللوحة والصق مخطط Zod بدلاً من ذلك — سيستنتج المنشئ الحقول نفسها. مفيد إذا كنت تُنمذج البيانات باستخدام Zod في أجزاء أخرى من تطبيقك.
بعد ذلك، أنشئ الكتلة التي تستخدم المخطط mcp_feature_block واعمَد إلى الإشارة إلى تلك الكتلة باستخدام مُنشئ القالب في الصفحة.
هذا سير عمل مخصص يجمع بين Claude وProfound CMS.