Storyblok MCP 服务器简介:与您的 CMS 进行对话。
Storyblok MCP 服务器
这是参加Storyblok 挑战赛的作品。
介绍
我一直很讨厌枯燥乏味的仪表盘。
到处点击。等待加载。
忘记某个该死的设置在哪里。
速度慢。操作笨拙。而且破坏了流畅性。
所以我打造了更好的东西。
一款MCP服务器,让AI可以直接与你的Storyblok CMS通信——无需仪表盘、无需点击、无需编写代码。只需简单的语言即可。
告诉人工智能该做什么——“翻译这个故事”、“上传这些资源”、“回滚这个版本”——它就会照做。
这不是玩具,也不是包装盒,而是一个功能齐全的MCP服务器,专为那些想要更快交付、减少思考的人士打造。
让我带你了解一下我是如何构建它的,它的功能是什么,以及它为什么重要。
目录
- 🧠 简介
- 🚀 我建造的
- 🎥 演示
- 🛠 技术栈
- 🧩 我如何使用 Storyblok
- 🤖 人工智能集成
- 📓 学习心得和要点
- 🏁 结语
我建造的
Storyblok MCP 服务器充当 Storyblok 和 Claude AI 工具(如 Cursor)之间的桥梁。
它允许您通过简单的语言管理您的 CMS——无需仪表板,无需手动点击,无需代码更改。
它目前拥有42 个工具(其中 4 个是 AI 工具),涵盖故事、资产、发布、标签、组件等。
只需告诉人工智能你想要什么:
请为这篇报道生成元数据:123456789”
“请将这篇报道翻译成西班牙语:123456789”
“请获取我的所有素材并为每个素材生成替代文字”
“请创建一个名为“Test”的标签并将其添加到报道:123456789”
“请为这篇报道自动添加标签:123456789”
而且它能立即做到。
这不仅仅是 Storyblok API 的一个封装——它是一个功能齐全、可扩展的MCP 服务器,可以让任何兼容的 AI 工具推断你的内容结构、获取和编辑故事、管理资产、回滚版本等等。
我的目标是让管理无头CMS感觉不像是在做开发工作,而更像是在施展魔法。
演示
图片
代码库:
立即将 AI 工具连接到 Storyblok - 使用自然语言像魔法一样管理您的 CMS。
Storyblok MCP 服务器
立即将 AI 工具连接到 Storyblok - 使用自然语言像魔法一样管理您的 CMS。
演示
目录
为什么选择这个项目?
为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_assets。create_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