mcpField
C
Chromium Style QR Code Generator

Chromium Style QR Code Generator

本地服务
github.com/chromium-style-qrcode媒体与设计128 周前更新

关于 Chromium Style QR Code Generator

Chromium Style QR Code Generator 是用于生成 Chromium 风格二维码的 MCP 服务,面向需要在 MCP 工作流中创建二维码的用户。它支持圆形模块、圆角定位标记,以及 Dino 或自定义中心图像。

主要功能

  1. 01生成 Chromium 风格二维码
  2. 02使用圆形点模块和圆角定位标记
  3. 03默认添加 Dino 标志
  4. 04使用 Base64 自定义中心图像
  5. 05可关闭中心图像

适用场景

  1. 01将网址或文本生成二维码
  2. 02生成带 Dino 标志的二维码
  3. 03在二维码中心放置自定义图像
  4. 04生成不带中心图像的二维码

MCP 相关

它通过 stdio 向 MCP 客户端提供 generate_qr_code 工具,生成的二维码以 PNG 图像返回。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"chromium-style-qrcode": {
"command": "npx",
"args": [
"-y",
"@chromium-style-qrcode/mcp"
]
}
}
}
启动命令npx -y @chromium-style-qrcode/mcp

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npm@chromium-style-qrcode/mcp1.0.2

工具

1

收录的工具列表 · 更新于 2 周前

参数类型必填说明
textstring是要编码到 QR 码中的文本
showLogoboolean否是否显示中心徽标(默认值:true)。为 true 且未提供 customLogo 时,将显示 Chromium Dino 徽标。
customLogostring否用作中心徽标的 Base64 编码图像,以替代默认的 Dino。提供此参数且 showLogo 为 true 时,将以该图像替换 Dino 徽标。

详细介绍

@chromium-style-qrcode/mcp

中文文档

用于生成 Chromium 风格二维码的 MCP(Model Context Protocol)服务,二维码采用圆形模块、圆角定位图案,并可选择在中心添加图片(Dino Logo 或自定义图片)。

功能

  • Chromium 风格渲染 — 圆形点状模块、圆角定位图案,与 Google Chrome 生成的二维码一致
  • Dino Logo — 默认在中心绘制标志性的 Chrome Dino
  • 自定义中心图片 — 提供 Base64 编码的图片以替换 Dino
  • 切换中心图片 — 设置 showLogo: false 以生成普通二维码
  • 原生支持 MCP — 通过 stdio 通信,可与任何兼容 MCP 的客户端配合使用

安装

注意: type: "stdio" 字段不是必需的 — 对于使用 command 和 args 配置的 MCP 服务,这是默认传输方式。

使用 npx(推荐)

无需安装:

{
  "mcpServers": {
    "io.github.chromium-style-qrcode/mcp": {
      "command": "npx",
      "args": ["-y", "@chromium-style-qrcode/mcp"]
    }
  }
}
使用 bunx
{
  "mcpServers": {
    "io.github.chromium-style-qrcode/mcp": {
      "command": "bunx",
      "args": ["@chromium-style-qrcode/mcp"]
    }
  }
}
全局安装
npm install -g @chromium-style-qrcode/mcp

然后配置 MCP 客户端:

{
  "mcpServers": {
    "io.github.chromium-style-qrcode/mcp": {
      "command": "chromium-style-qrcode-mcp"
    }
  }
}

工具

generate_qr_code

生成 Chromium 风格二维码,并以 PNG 图片形式返回。

参数
参数类型必填默认值描述
textstring是—要编码的文本或 URL
showLogoboolean否true是否显示中心 Logo
customLogostring否—用作中心 Logo 的 Base64 编码图片,用于替代 Dino
示例

带 Dino Logo 的基本二维码:

{
  "text": "https://example.com"
}

普通二维码(无中心图片):

{
  "text": "https://example.com",
  "showLogo": false
}

带自定义中心图片的二维码:

{
  "text": "https://example.com",
  "customLogo": "<base64-encoded image data>"
}

开发

# Install dependencies
bun install

# Run in development
bun run start

# Build
bun run build

# Lint & format
bun run lint
bun run format

要求

  • Node.js >= 22.14.0

许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。