Storyblok MCPサーバー：AIとStoryblok CMSを接続し、自然言語でコンテンツ管理を自動化解释：核心关键词为“Storyblok MCPサーバー”和“コンテンツ管理自動化”，按照日文习惯，将重点信息前置，语言简洁明了，符合50

Storyblok MCP

Storyblok MCPサーバーは、AIツールとStoryblok CMSを接続するミドルウェアで、自然言語を通じてコンテンツ管理を自動化します。

開発者ツール人工知能チャットボット #AI統合 #コンテンツ管理 #自動化ツール #CMS拡張 .TypeScript

スコア : 2.5ポイント

ダウンロード数 : 3

更新時間 : 2025-07-24

Storyblok MCPサーバーとは？

Storyblok MCPサーバーは、AIツール（CursorやClaude Desktopなど）が自然言語でStoryblokコンテンツ管理システムと対話できるミドルウェアです。コンテンツの作成、更新、削除、管理などの操作を実行できます。

Storyblok MCPサーバーの使い方は？

MCPサーバーをAIツール（Cursorなど）に接続した後、自然言語の命令（「新しい記事を作成する」や「「テクノロジー」タグを含むコンテンツを検索する」など）でStoryblok内のコンテンツを管理できます。

適用シナリオ

コンテンツの迅速な作成、編集、公開、管理が必要なユーザー、特に複雑なAPI呼び出しではなく自然言語でCMSを操作したいユーザーに適しています。

主要機能

自然言語対話自然言語でStoryblok CMSと対話し、コードを書かずにコンテンツを管理できます。

コンテンツ管理ストーリー、アセット、コンポーネントなどの作成、更新、削除、公開をサポートします。

AI支援機能AIによるメタデータ生成、翻訳、要約などの機能を提供し、コンテンツ作成の効率を向上させます。

バージョン管理ストーリーの旧バージョンを表示して復元することができ、コンテンツのロールバックが容易です。

タグとリリース管理タグ、アセットフォルダ、公開計画を簡単に管理できます。

利点と制限

利点

プログラミング知識がなくてもCMSを操作できる

コンテンツ管理の効率を向上させ、重複作業を減らす

自動タイトル生成や説明生成など、さまざまなAI機能をサポートする

Cursorなどの主流のAIツールに統合できる

制限

Storyblok APIに依存しており、関連するキーを設定する必要がある

一部の高度な機能には開発者の知識が必要な場合がある

AI機能の結果は人間の審査が必要な場合がある

使い方

プロジェクトをクローンする

GitHubからStoryblok MCPサーバーのソースコードを取得します。

依存関係をインストールする

プロジェクトディレクトリに移動し、必要な依存パッケージをインストールします。

サーバーを起動する

プロジェクトを実行してMCPサーバーを起動します。

AIツールを接続する

CursorなどのAIツールでMCPサーバーのパスを設定し、必要な環境変数を構成します。

使用例

新しい記事を作成するユーザーが複雑なデータ構造を手動で入力することなく、新しい記事をすばやく作成したい場合。

既存のコンテンツを翻訳するユーザーが既存の中国語のコンテンツを英語に翻訳し、国際化サイトに使用したい場合。

よくある質問

このサーバーを使用するために必要な権限は何ですか？

多言語コンテンツ管理はサポートされていますか？

エラーが発生した場合はどうすればいいですか？

他のAIツールと互換性がありますか？

🚀 Storyblok MCP Server

AIツールをStoryblokにすぐに接続できます。自然言語を使って、まるで魔法のようにCMSを管理できます。

🚀 クイックスタート

デモ

✨ 主な機能

このプロジェクトの目的

このプロジェクトは、DEV.toで開催されているStoryblok Headless CMS Challengeのために構築されました。目標は、AIとStoryblokの力を融合し、新鮮で有用なものを作り出すことです。

Storyblokとは？

Storyblokは強力なヘッドレスCMSです。APIファーストの設計で、開発者とコンテンツクリエイターが共同作業しやすいです。モジュール式で非常に柔軟性が高く、任意のフロントエンドやワークフローに適合します。

MCPサーバーとは？

MCPは、AI、ツール、データを接続するプロトコルです。 MCPサーバーは仲介者として機能し、AIに何ができるかと利用可能なデータを示します。これにより、CursorやClaude DesktopなどのAIクライアントが自然言語でStoryblokとやり取りし、コンテンツをスムーズに管理できます。

🔧 技術詳細

直面した課題

自分用に作った（笑）: 以前にMCPを作成したりインストールしたことがなかったため、想定よりもはるかに時間がかかりました。
APIの負担: StoryblokのAPIドキュメントを何度も確認しました。何かを見逃すのが怖かったです。
AI関連の圧力: 何かを壊さずにAI機能を正しく実装するのは頭痛の種でした。
セキュリティ: Storyblokの管理機能を公開しながら、機密情報が漏洩しないようにする必要がありました。
開発者体験: サーバーを簡単に実行、拡張、AIツールに組み込めるようにしました。妥協はしませんでした。

📦 インストール

セットアップ方法（貢献者向け）

リポジトリをクローンします:

git clone https://github.com/ArjunCodess/storyblok-mcp.git
cd storyblok-mcp

依存関係をインストールします:
```
pnpm install
```
サーバーを起動します:
```
pnpm start
```

💻 使用例

使用方法（ユーザー向け）

リポジトリをクローンする

git clone https://github.com/ArjunCodess/storyblok-mcp.git
cd storyblok-mcp

Cursorと接続する

https://github.com/user-attachments/assets/98b77544-81c4-49b3-8dc2-14849e6ba7e5

同じディレクトリでCursorを開きます。
build/index.jsファイルを右クリックし、パスをコピーをクリックします。
次に、設定 → MCPツールに移動します。
新しいMCPサーバーをクリックします。
開いたmcp.jsonファイルの中にこれを貼り付け、PATH_YOU_COPIEDを2番目の手順でコピーしたパスに置き換えます。

{
    "mcpServers": {
        "storyblok": {
            "command": "node PATH_YOU_COPIED",
            "env": {
                "STORYBLOK_SPACE_ID": "your_space_id",
                "STORYBLOK_MANAGEMENT_TOKEN": "your_management_token",
                "STORYBLOK_DEFAULT_PUBLIC_TOKEN": "your_public_token",
                "GOOGLE_GENERATIVE_AI_API_KEY": "your_gemini_ai_api_key"
            }
        }
    }
}

ツール

1. ストーリー管理

fetch_stories
Storyblokからストーリー（ページ、フォルダ、またはコンテンツエントリ）のリストを取得します。フィルタリング、ページネーション、検索をサポートします。
get_story
IDで単一のストーリーを取得します。
create_story
Storyblokで新しいストーリー（ページ、フォルダ、またはコンテンツエントリ）を作成します。
update_story
既存のストーリーのコンテンツ、名前、スラッグ、またはタグを更新します。
delete_story
IDでストーリーを削除します。
publish_story
ストーリーを公開し、ライブにします。
unpublish_story
ストーリーの公開を解除し、ライブサイトから削除します。
get_story_versions
バージョン履歴とロールバックのために、ストーリーのすべての以前のバージョンを取得します。
restore_story
ストーリーを以前のバージョンに復元します。