发布于 2026-01-06 8 阅读
0

Storyblok MCP 服务器简介:与您的 CMS Storyblok MCP 服务器进行交互

Storyblok MCP 服务器简介:与您的 CMS 进行对话。

Storyblok MCP 服务器

这是参加Storyblok 挑战赛的作品。

介绍

我一直很讨厌枯燥乏味的仪表盘。

到处点击。等待加载。
忘记某个该死的设置在哪里。
速度慢。操作笨拙。而且破坏了流畅性。

所以我打造了更好的东西。

一款MCP服务器,让AI可以直接与你的Storyblok CMS通信——无需仪表盘、无需点击、无需编写代码。只需简单的语言即可。

告诉人工智能该做什么——“翻译这个故事”、“上传这些资源”、“回滚这个版本”——它就会照做。

这不是玩具,也不是包装盒,而是一个功能齐全的MCP服务器,专为那些想要更快交付、减少思考的人士打造。

让我带你了解一下我是如何构建它的,它的功能是什么,以及它为什么重要。

目录

  1. 🧠 简介
  2. 🚀 我建造的
  3. 🎥 演示
  4. 🛠 技术栈
  5. 🧩 我如何使用 Storyblok
  6. 🤖 人工智能集成
  7. 📓 学习心得和要点
  8. 🏁 结语

我建造的

Storyblok MCP 服务器充当 Storyblok 和 Claude AI 工具(如 Cursor)之间的桥梁。

它允许您通过简单的语言管理您的 CMS——无需仪表板,无需手动点击,无需代码更改。

它目前拥有42 个工具(其中 4 个是 AI 工具),涵盖故事、资产、发布、标签、组件等。

只需告诉人工智能你想要什么:

请为这篇报道生成元数据:123456789”
“请将这篇报道翻译成西班牙语:123456789”
“请获取我的所有素材并为每个素材生成替代文字”
“请创建一个名为“Test”的标签并将其添加到报道:123456789”
“请为这篇报道自动添加标签:123456789”

而且它能立即做到。

这不仅仅是 Storyblok API 的一个封装——它是一个功能齐全、可扩展的MCP 服务器,可以让任何兼容的 AI 工具推断你的内容结构获取和编辑故事管理资产回滚版本等等。

我的目标是让管理无头CMS感觉不像是在做开发工作,而更像是在施展魔法。


演示

图片

演示图片 1 演示图片 2
演示图片 3 演示图片 4
演示图片 5 演示图片 6

代码库:

GitHub 标志 ArjunCodess / storyblok-mcp

立即将 AI 工具连接到 Storyblok - 使用自然语言像魔法一样管理您的 CMS。

Storyblok MCP 服务器

立即将 AI 工具连接到 Storyblok - 使用自然语言像魔法一样管理您的 CMS。

演示

演示图片 1 演示图片 2
演示图片 3 演示图片 4
演示图片 5 演示图片 6

目录


为什么选择这个项目?

DEV.to 上的Storyblok 无头 CMS 挑战赛而构建。

目标:将人工智能和 Storyblok 的功能结合起来,创造出新颖而有用的产品。


Storyblok是什么?

Storyblok 是一款功能强大的无头 CMS,采用 API 优先的设计理念,方便开发者和内容创作者协同工作。

它采用模块化设计,超级灵活,可以适配你想要的任何前端或工作流程。


什么是MCP服务器?

MCP = 连接人工智能、工具和数据的协议。

MCP 服务器充当中间人,向 AI 展示它可以做什么以及它拥有哪些数据。

这使得人工智能客户能够……

已连接到光标 观看视频:README
图像


技术栈

  • Node.js + TypeScript - 核心服务器和工具处理
  • pnpm - 快速、可靠的包管理
  • MCP TypeScript SDK - 用于实现 MCP 协议
  • Storyblok API - 通过编程方式控制您的 CMS
  • Gemini 2.0 Flash通过Vercel 的 AI SDK – 为 4 个 AI 工具生成文本。

我如何使用 Storyblok

Storyblok 是一个很棒的 CMS 平台,它是整个体验的支柱。

它强大的 API、模块化的内容方法和管理令牌让我能够灵活地将故事、资产、标签、版本和组件视为一流的可编程元素。

我几乎将 Storyblok 的所有关键功能都公开为一个可调用的 AI 工具,以便 AI 可以:

  • 创建和更新故事
  • 管理标签、组件和版本
  • 上传资源并将其移动到不同的文件夹
  • 查询和恢复历史版本
  • 与别名、文件夹结构和数据源进行交互

Storyblok 的 API 优先特性使这一切成为可能,也让构建过程充满乐趣。


人工智能集成

本项目同时适用于“使用 Storyblok 构建任何数字体验”“强大的 AI”这两个类别。

它使用模型上下文协议 (MCP)使 Storyblok 内容可供本地 AI 工具访问。

一旦接入 Cursor 等工具,人工智能就可以:

  • 了解你的空间中存在哪些内容
  • 调用诸如update_story、、、等函数fetch_assetscreate_release
  • 将类似“发布‘六月活动’文件夹中的所有文章”这样的自然命令转换为精确的 API 调用。
  • 维护上下文、处理回滚,甚至可以使用模糊别名或标签进行搜索

经验教训和要点

这并不容易。过程很混乱。进展缓慢。

我以前从来没搭建过MCP服务器
甚至在谷歌上搜了五遍之前都不知道“MCP”是什么意思。
我在Cursor里连续尝试了2-3个小时,每次都失败了。哈哈。

说实话,把那东西连接到 Storyblok 的 API 上所花费的时间比我愿意承认的要长得多。

幸亏有@anmolbaranwal的这篇文章,
不然我可能还要再花两个小时才能弄懂一些基础知识:

接下来是安全问题。让AI访问内容管理系统可不是闹着玩的。令牌、作用域、权限——一步走错,一切就都暴露了。

所以,与其让你把密钥给我……我不如让你直接把密钥交给 Cursor。Cursor负责
设置,也负责存储密钥。
这样一来,如果出现任何安全漏洞,责任都在 Cursor 身上,与你无关,也与我无关。
这听起来可能有点疯狂,但它更安全、更简洁、更智能。

此外,我设计这个软件的时候就考虑到了像我一样的开发者 没有黑箱操作。只有可以下载的代码,你可以根据需要进行扩展,并集成到你现有的任何技术栈中。

如果您曾经使用过像其他 MCP 那样混乱的集成方案,您就会感受到这里的区别。

我引以为豪的是:

  • 一个功能齐全、端到端的AI驱动的Storyblok CMS服务器。
  • 一个真正节省时间的项目
  • 开发者、营销人员、创作者,以及所有使用 Storyblok 作为内容管理系统的人都可以使用它。
  • 一次非常宝贵的学习经历。

我开发这个工具是因为我相信工具的未来是看不见的,而人工智能应该做的不仅仅是回答问题。

它应该能够高效地构建、编辑和管理所有内容

这个服务器有助于将这个未来变为现实。


最后想说的话

内容管理不应该是一件痛苦的事。做一件事不应该需要点击十次。
它应该像魔法一样,快速、简洁、无感。

这正是本项目试图实现的目标。

如果你是一名使用 Storyblok 的开发人员,或者只是厌倦了在 CMS 中点击操作的人,那么这个服务器正适合你。

您可以下载它,将其插入 Cursor,并进行自定义。
如果您想了解它的具体工作原理,仓库的README 文件中解释了每个步骤。

这只是个开始。
我会继续改进它。
但就目前而言,它运行良好。

感谢阅读。

如果你在上面建造了什么很酷的东西,我很想看看。

由@arjuncodess用心制作 ❤️,参加DEV.to Storyblok 挑战赛

文章来源:https://dev.to/arjuncodess/introducing-the-storyblok-mcp-server-1cdd