Schemos kūrimas su Claude Code ir JSON kūrimo įrankiu
Pirmiausia prisijunkite prie mūsų MCP serverio
claude mcp add --transport http Profound http://107.21.107.99:8081/mcp
Galite pradėti naudoti įrankius ir komponentus, kad masiškai kurtumėte dokumentus/blokus/komponentus ir greitai publikuotumėte svetaines.
Toliau pateikiamas rankinis procesas
Norėdami paleisti Zod JSON schemos redaktorių.
Vėlesniems pakeitimams schemą reikės ištrinti ir pridėti iš naujo.
Jei naudojame Claude Code vizualiems TailwindCSS/CSS/React pakeitimams, tuomet galime jo paprašyti teisingai atnaujinti JSON naudodami MCP serverį arba pateikiant JSON, kurį reikia įklijuoti į kodo redaktorių.
Tiesiog paprašykite Claude tinkamo JSON komponentams, kuriems norite sukurti schemą, nesvarbu, ar tai hibridinis, ar tik galvutės neturintis CMS.
Pridedame naują MCP serverio funkciją ir norėdami ją parodyti, pridedame naują hero bloką.
Pirmiausia pakeisime savo registrą, kad naudotų naują bloką
const registry = {
"navbar": NavbarBlock,
...
// new block added
"McpFeatureBlock": McpFeatureDisplayBlock,
...
"footer": FooterBlock,
};
Paprašykite Claude įgyvendinti bloko React/CSS ir pateikti mums JSON schemos apibrėžčiai. Tai turėtų atrodyti taip.
"McpFeatureBlock": {
"label": "MCP serveris",
"title": "Leiskite dirbtinio intelekto agentams tiesiogiai valdyti jūsų CMS",
"description": "Profound CMS pateikia gimtąjį MCP serverį. Prijunkite Claude, Cursor ar bet kurį su MCP suderinamą agentą ir leiskite jam skaityti puslapius, atnaujinti blokus bei publikuoti turinį — nereikia jokio papildomo programinio sujungimo.",
"features": ["McpFeatureItem"],
"cta_label": "Perskaitykite MCP dokumentaciją",
"cta_href": "/docs/mcp"
}
Įklijuokite tai į JSON redaktorių schemų kūrimo įrankyje. Apačioje turėtų atrodyti taip.
Patarimas: Mėgstate Zod? Perjunkite redaktorių iš JSON į Zod skydelio viršuje ir vietoje to įklijuokite Zod schemą — kūrimo įrankis išves tuos pačius laukus. Patogu, jei kitur programėlėje duomenis modeliuojate su Zod.
Po to sukurkite bloką, kuris naudoja schemą mcp_feature_block, ir pridėkite jį puslapio šablonų kūrimo įrankyje.
Tai pritaikyta Claude + Profound CMS darbo eiga.