All Systems Operational
Powered By
profound-logo
profound-logoProfound CMS
⌘K
Admin

Jsonとクロードコード

ClaudeコードとJSONビルダーでスキーマを構築する

Claude Code ワークフロー

まず、私たちのMCPサーバーに接続します

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

ツールやコンポーネントを使って、ドキュメント／ブロック／コンポーネントを大量に作成し、ウェブサイトを迅速に公開できます。

以下は手動での手順です

zod JSONスキーマエディタを起動するには次のとおりです。

  • CMSの管理パネルに進みます
  • 「+ Create schema」をクリックします
  • スキーマの適切に検証されたJSON記述を入力します
  • 変更を適用します

その後の変更には、スキーマを削除して再追加する必要があります。

JSONワークフローのためにClaudeへプロンプトする

ビジュアル面のTailwindCSS／CSS／Reactの変更にClaude Codeを使う場合、MCPサーバーを利用してJSONを正しく更新するよう依頼したり、コードエディタに貼り付けるためのJSONを渡してもらうこともできます。

ハイブリッドでも、純粋なヘッドレスCMSでも、スキーマを作成したいコンポーネントに適したJSONをClaudeに頼むだけです。

例

新しいMCPサーバー機能を追加し、それを表示するために新しいヒーローブロックを追加します。

まず、新しいブロックを使うようにレジストリを変更します

const registry = {
  "navbar": NavbarBlock,
  ...
  // 新しいブロックを追加
  "McpFeatureBlock": McpFeatureDisplayBlock,
  ...
  "footer": FooterBlock,
Continue Reading
Previous‹クイックスタートNextComponent Zod Pull›

ハイブリッド

レンダラー・プロジェクトパラメトリックルーティングコンポーネントの種類Sse管理パネルプロキシの設定編集モード対応の静的レンダリングテンプレートビルダーでのスクリプティングCreate Profound Next

ヘッドレス

クイックスタートJsonとクロードコードComponent Zod Pull

Mcp

Mcp

CMS機能

Feat Docs Templateテンプレートビルダー機能Feat トランスレーターFeat 組織

やる気

私たちのアプローチ

専門用語

ハイブリッド対ヘッドレス
};

ブロックのReact／CSSを実装し、スキーマ定義用のJSONを渡すようClaudeに依頼します。次のようになります。

"McpFeatureBlock": {
  "label": "MCPサーバー",
  "title": "AIエージェントにCMSを直接扱わせましょう",
  "description": "Profound CMSにはネイティブのMCPサーバーが同梱されています。Claude、Cursor、またはMCP互換の任意のエージェントを接続して、ページの閲覧、ブロックの更新、コンテンツの公開を行わせましょう。カスタムのグルーコードは不要です。",
  "features": ["McpFeatureItem"],
  "cta_label": "MCPドキュメントを読む",
  "cta_href": "/docs/mcp"
}

これをスキーマエディタの「Import Code」タブに貼り付けます。以下のように表示されるはずです。

その後、スキーマ mcp_feature_block を使用するブロックを作成し、ページ内のテンプレートビルダーでそのブロックを参照します。

まとめ

これはカスタムのClaude + Profound CMSワークフローです。