בניית סכימות באמצעות 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 המתאים עבור הרכיבים שעבורם תרצו ליצור סכמה, בין אם מדובר ב-Hybrid ובין אם ב-Headless CMS בלבד.
אנחנו מוסיפים תכונה חדשה של שרת MCP, וכדי להציג אותה אנו מוסיפים בלוק הירו חדש.
תחילה נשנה את הרישום שלנו כדי להשתמש בבלוק חדש
const registry = {
"navbar": NavbarBlock,
...
// בלוק חדש נוסף
"McpFeatureBlock": McpFeatureDisplayBlock,
...
"footer": FooterBlock,
};
בקשו מ-Claude לממש את ה-React/CSS של הבלוק ולספק לנו JSON עבור הגדרת הסכמה. זה אמור להיראות כך.
"McpFeatureBlock": {
"label": "שרת MCP",
"title": "אפשרו לסוכני AI לעבוד ישירות על ה-CMS שלכם",
"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.