Storyblok MCP Server
Storyblok MCPサーバーでClaude連携・ヘッドレスCMSコンテンツ管理を自動化
node /path/to/storyblok-mcp-server/dist/index.js概要
Storyblok MCP Serverの設定方法と使い方。
ヘッドレスCMS「Storyblok」をClaudeから操作できるMCPサーバー。
ストーリー（コンテンツ）の作成・更新・公開、コンポーネントスキーマの管理、アセットのアップロード、ワークフローの操作が可能。
ClaudeとStoryblokのMCPサーバー連携により、コンテンツの一括更新・タグ管理・リリーススケジュールの自動化を実現できる。
設定方法はStoryblok管理APIトークンを環境変数に設定するだけでシンプルに完結する。
料金・APIキー情報
料金
無料プランありAPIキー
🔑 必要🔑 APIキーの取得方法
- 1
https://app.storyblok.com にアクセスしてStoryblokアカウントにログインする（無料プランあり）
- 2
対象スペースを開き、左メニュー「Settings」→「Access Tokens」をクリックする
- 3
「Generate new token」をクリックして管理用トークン（Management Token）を発行・コピーする
- 4
スペースIDは「Settings」→「General」ページのURL欄または「Space ID」項目で確認する
- 5
取得したトークンとスペースIDを環境変数に設定する
こんな使い方ができます
Claudeにストーリー（記事・ページ）の作成・編集・公開を指示してコンテンツ管理を自動化できる
コンポーネントのスキーマ定義をClaudeに更新させてデザインシステムの一貫性を保てる
複数ストーリーへのタグ一括付与をClaudeに実行させてコンテンツ整理を効率化できる
リリーススケジュールや公開ワークフローをClaudeから操作して運用を自動化できる
アセット管理やWebhookの設定をClaudeに指示して管理作業を省力化できる
セットアップ手順
- 1
GitHubからリポジトリをクローンする：git clone https://github.com/hypescale/storyblok-mcp-server
- 2
npm install && npm run build を実行してビルドする
- 3
claude mcp add storyblok -e STORYBLOK_SPACE_ID=your-id -e STORYBLOK_MANAGEMENT_TOKEN=your-token -e STORYBLOK_DEFAULT_PUBLIC_TOKEN=your-public-token -- node /path/to/storyblok-mcp-server/dist/index.js
設定ファイル
コピー前に確認
Storyblokアカウント必須（無料プランあり）。管理APIトークン・スペースID・パブリックトークンが必要。Node.jsおよびnpmが必要。
claude mcp add storyblok -e STORYBLOK_SPACE_ID=your-space-id -e STORYBLOK_MANAGEMENT_TOKEN=your-management-token -e STORYBLOK_DEFAULT_PUBLIC_TOKEN=your-public-token -- node /path/to/storyblok-mcp-server/dist/index.js