Przepływ pracy Claude Code

Najpierw połącz się z naszym serwerem MCP

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

Możesz zacząć korzystać z narzędzi i komponentów, aby masowo tworzyć dokumenty/bloki/komponenty i szybko publikować strony internetowe.

Poniżej znajduje się proces ręczny

Aby uruchomić edytor zod JSON Schema.

• Przejdź do panelu administracyjnego CMS
• Kliknij + Utwórz schemat
• Wprowadź odpowiedni zweryfikowany opis schematu w formacie JSON
• Zastosuj zmiany

Aby wprowadzić późniejsze zmiany, schemat będzie trzeba usunąć i dodać ponownie.

Tworzenie promptów dla Claude dotyczących przepływu pracy JSON

Jeśli używamy Claude Code do wizualnych zmian w TailwindCSS/CSS/React, możemy również poprosić go o poprawne zaktualizowanie JSON-u za pomocą serwera MCP lub dostarczenie JSON-u, który trzeba wkleić w edytor kodu.

Wystarczy poprosić Claude o odpowiedni JSON dla komponentów, dla których chcesz utworzyć schemat — niezależnie od tego, czy jest to system hybrydowy, czy tylko headless CMS.

Przykład

Dodajemy nową funkcję serwera MCP i aby ją zaprezentować, dodajemy nowy blok hero.

Najpierw zmienimy nasz rejestr, aby używał nowego bloku

const registry = {
  "navbar": NavbarBlock,
  ...
  // dodano nowy blok
  "McpFeatureBlock": McpFeatureDisplayBlock,
  ...
  "footer": FooterBlock,
};

Poproś Claude o zaimplementowanie React/CSS dla bloku i dostarczenie JSON-u dla definicji schematu. Powinno to wyglądać tak.

"McpFeatureBlock": {
  "label": "Serwer MCP",
  "title": "Pozwól agentom AI pracować bezpośrednio z Twoim CMS-em",
  "description": "Profound CMS jest dostarczany z natywnym serwerem MCP. Połącz Claude, Cursor lub dowolnego agenta zgodnego z MCP i pozwól mu czytać strony, aktualizować bloki oraz publikować treści — bez potrzeby stosowania własnego kodu integracyjnego.",
  "features": ["McpFeatureItem"],
  "cta_label": "Przeczytaj dokumentację MCP",

Wklejamy to w zakładce "Import Code" edytora schematów. Powinno wyglądać jak poniżej.

Następnie utwórz blok, który korzysta ze schematu mcp_feature_block, i odwołaj się do tego bloku w kreatorze szablonów na stronie.

Podsumowanie

To niestandardowy przepływ pracy Claude + Profound CMS.