json και Claude κώδικας

Πρώτα συνδεθείτε με τον διακομιστή MCP μας

claude mcp add --transport http Profound http://107.21.107.99:8081/mcp

Μπορείτε να αρχίσετε να χρησιμοποιείτε εργαλεία και στοιχεία για μαζική δημιουργία εγγράφων/μπλοκ/συστατικών και να δημοσιεύετε ιστότοπους γρήγορα.

Ακολουθεί η χειροκίνητη διαδικασία

Για να εκκινήσετε τον επεξεργαστή Zod JSON Schema.

• Μεταβείτε στον πίνακα διαχείρισης του CMS
• Κάντε κλικ στο + Δημιουργία σχήματος
• Εισαγάγετε την κατάλληλη επικυρωμένη περιγραφή JSON του σχήματος
• Εφαρμόστε τις αλλαγές

Για τις μετέπειτα αλλαγές, θα χρειαστεί να διαγράψετε και να προσθέσετε ξανά το σχήμα.

Προτροπή του Claude για τη ροή εργασίας JSON

Αν χρησιμοποιούμε το Claude Code για οπτικές αλλαγές σε tailwindCSS/CSS/React, μπορούμε επίσης να του ζητήσουμε να ενημερώνει σωστά το JSON χρησιμοποιώντας έναν διακομιστή MCP ή δίνοντάς σας το JSON που χρειάζεται να επικολλήσετε στον επεξεργαστή κώδικα.

Απλώς ζητήστε από το Claude το κατάλληλο JSON για τα στοιχεία για τα οποία θέλετε να δημιουργήσετε σχήμα, είτε πρόκειται για υβριδικό είτε μόνο για Headless CMS.

Παράδειγμα

Προσθέτουμε μια νέα λειτουργία διακομιστή MCP και για να τη παρουσιάσουμε προσθέτουμε ένα νέο hero block.

Πρώτα θα αλλάξουμε το μητρώο μας ώστε να χρησιμοποιεί ένα νέο Block

const registry = {
  "navbar": NavbarBlock,
  ...
  // new block added
  "McpFeatureBlock": McpFeatureDisplayBlock,
  ...
  "footer": FooterBlock,
};

Ζητήστε από το Claude να υλοποιήσει το React/CSS του μπλοκ και να μας δώσει JSON για τον ορισμό του σχήματος. Θα πρέπει να μοιάζει κάπως έτσι.

"McpFeatureBlock": {
  "label": "MCP Server",
  "title": "Let AI agents work your CMS directly",
  "description": "Profound CMS ships a native MCP server. Connect Claude, Cursor, or any MCP-compatible agent and let it read pages, update blocks, and publish content — no custom glue code needed.",
  "features": ["McpFeatureItem"],
  "cta_label": "Read the MCP docs",
  "cta_href": "/docs/mcp"
}

Επικολλήστε το στον επεξεργαστή JSON στον δημιουργό σχημάτων. Θα πρέπει να μοιάζει όπως παρακάτω.

Συμβουλή: Προτιμάτε το Zod; Εναλλάξτε τον επεξεργαστή από JSON σε Zod στην κορυφή του πίνακα και επικολλήστε αντί για αυτό ένα σχήμα Zod — ο δημιουργός θα εξαγάγει τα ίδια πεδία. Χρήσιμο αν μοντελοποιείτε ήδη δεδομένα με το Zod αλλού στην εφαρμογή σας.

Μετά από αυτό, δημιουργήστε το μπλοκ που χρησιμοποιεί το σχήμα mcp_feature_block και αναφερθείτε σε αυτό το μπλοκ μέσω του δημιουργού προτύπων στη σελίδα.

Περίληψη

Αυτή είναι μια προσαρμοσμένη ροή εργασίας Claude + Profound CMS.