创作者仪表板MCP服务器
创作者仪表板 是面向刊载者的MCP服务器。
在与AI的对话中 catalog-info.yaml 的,之生成、验证、预览的明细栏样式中定义的设置。
快速开始
git clone https://github.com/devour-jp/creators-dashboard-mcp.git
cd creators-dashboard-mcp
npm install
npm run build
npm run demo验证示例的catalog-info.yaml,在浏览器中打开卡片预览。
也可以指定自己的yaml:
# サンプルの yaml でプレビュー
npm run demo -- examples/sample.yaml
# 自分の yaml でプレビュー
npm run demo -- /path/to/your-catalog-info.yaml在Claude Code中使用
1.注册MCP服务器
# clone したディレクトリ内で実行
npm run build
claude mcp add creators-dashboard-mcp node $PWD/dist/index.js这样AI就可以调用MCP工具了。
注意:默认情况下,MCP注册到运行时的目录(项目)中。如果你想从任何存储库使用它--scope user添加: ``bash claude mcp add creators-dashboard-mcp --scope user node $PWD/dist/index.js``
2.注册技能(任意・推荐)
examples/skill-claude-code.md 是Claude Code技能的事例。注册后,将以更为理想的流程运行。请自由更改技能名称和目录名称。
# スキルディレクトリを作成して配置
mkdir -p ~/.claude/skills/creators-dashboard-mcp
cp examples/skill-claude-code.md ~/.claude/skills/creators-dashboard-mcp/SKILL.md用法示例
# 新規作成(スキルが自動でフローを案内)
「このリポジトリを Creators Dashboard に掲載したい」
# 既存の yaml を検証
「catalog-info.yaml を検証して」
# カードの見た目を確認
「カードをプレビューして」
# リリース後の更新
「v2.0.0 をリリースしたので yaml を更新して」即使没有技能,MCP工具也可以直接使用,但是有技能的话,从“想刊登”的一句话到生成→验证→预览→配置都是一气呵成的。
工具
generate_catalog_info
对AI组装的catalog-info.yaml进行整形、补充、验证。
apiVersion/kind如果未设置自动完成- 生成后自动执行验证
validate_catalog_info
用架构和语义规则验证catalog-info.yaml。
- 架构验证(错误):必填字段、类型和允许值
- 语义验证(警告):字数建议、URL域和最佳实践
预览卡
从catalog-info.yaml生成卡片预览HTML,在浏览器中显示。
- 使用与Creators Dashboard相同的CSS
- 无需网络连接
仅限本地
这个MCP服务器完全不进行网络通信。
- 不依赖HTTP系列库
- 生成、验证和预览yaml全部在本地完成
- 不操作文件系统或git(AI方面的责任)
源代码已发布。package.json 的明细栏样式中定义的设置。
为什么MCP
该工具在MCP(Model Context Protocol)中实现。
- 不依赖于特定AI工具 — Claude Code、Claude Desktop、可用于其他支持MCP的客户端
- npm也可以分发 -将来
npx利用研究中 - 结构化工具定义 —AI可自动识别工具的输入输出并正确调用
了解更多信息 模型上下文协议.io 来修改标记元素的显示属性。
为什么不做npm publish
目前不作为npm包分发建议使用git clone正在进行。
MCP服务器是在你的机器上运行的工具。因为想在理解了执行什么之后使用,所以采用了确认源代码后设置的git clone流程。
测试
npm test Test Files 3 passed (3)
Tests 30 passed (30)覆盖
-------------|---------|----------|---------|---------|
File | % Stmts | % Branch | % Funcs | % Lines |
-------------|---------|----------|---------|---------|
All files | 90.32 | 60.11 | 100 | 90.17 |
generate.ts | 92.85 | 80 | 100 | 91.66 |
preview.ts | 90.47 | 58.41 | 100 | 91.13 |
validate.ts | 89.77 | 59.67 | 100 | 89.02 |
-------------|---------|----------|---------|---------|catalog-info.yaml的写法
要在Creators Dashboard上刊登,请在GitHub存储库的根上 catalog-info.yaml 格式导出文件时,将会显示此对话框topic creators-dashboard 中所述修改相应参数的值。
apiVersion: devour.jp/v1alpha1
kind: Component
metadata:
name: "my-project"
description:
short: "一言で説明"
long: "詳しい説明。\n改行もできます。"
links:
- url: https://github.com/your-org/my-project
spec:
type: game # website | service | library | game | tool | docs
lifecycle: production # experimental | production | deprecated | archived
devour:
release:
current:
version: "1.0.0"
date: "2026-03-30"
headline:
short: "初回リリース"
author:
comment:
short: "遊んでみてください!"
card:
bg: "#1a1a2e" # カード背景色(#RRGGBB)
fg: "#e0e0e0" # カード文字色(#RRGGBB)了解更多信息 创作者仪表板 来修改标记元素的显示属性。
例子
examples/ 目录中有一个示例文件:
文件内容 |---------|------| | sample.yaml catalog-info.yaml的样品 | demo.mjs 验证+预览演示脚本 | skill-claude-code.md Claude Code技能定义示例(~/.claude/skills/ 中所述修改相应参数的值
其他MCP客户端(未确认工作)
Claude Desktop等其他支持MCP的客户端也有可能使用。作为参考记载设定例。
克劳德桌面
claude_desktop_config.json 添加到:
{
"mcpServers": {
"creators-dashboard": {
"command": "node",
"args": ["/path/to/creators-dashboard-mcp/dist/index.js"]
}
}
}许可证
麻省理工学院
