爱意满满的作品展示区。
liuliangsir

[MCP] 生成 Chrome 同款二维码,带 Dino 小恐龙,可自定义 Logo

  •  
  •   liuliangsir · 2h 51m ago · 185 views

    最近写了个 mcp 工具:**@chromium-style-qrcode/mcp**,专门生成和 Chrome 浏览器一模一样的二维码——圆形点阵、圆角定位器,中间还带着那只经典的小恐龙 🦕。

    特点

    • 完全 Chromium 风格 — 圆形模块 + 圆角定位图案,跟 Chrome 内置的二维码生成效果一致
    • 默认 Dino 恐龙 — 中间会自动画上 Chrome 的小恐龙,挺可爱的
    • 可去掉 Logo — 设置 showLogo: false 就是纯净二维码
    • 支持自定义中心图 — 传入 Base64 就能换成你自己的 logo

    快速开始(零安装)

    在 MCP 客户端配置里加一段(用 npx 自动拉取,不需要手动安装):

    {
      "mcpServers": {
        "io.github.chromium-style-qrcode/mcp": {
          "command": "npx",
          "args": ["-y", "@chromium-style-qrcode/mcp"]
        }
      }
    }
    

    然后调用 generate_qr_code 工具就行,核心参数:

    • text — 必填,要编码的文本或链接
    • showLogo — 是否显示恐龙(默认 true
    • customLogo — Base64 编码的图片,替换默认恐龙

    调用示例:

    // 带小恐龙的普通二维码
    { "text": "https://example.com" }
    
    // 纯净无 Logo 版本
    { "text": "https://example.com", "showLogo": false }
    
    // 换成自己的 Logo
    { "text": "https://example.com", "customLogo": "<base64 图片数据>" }
    

    返回的就是可以直接保存的 PNG 图片。

    关于实现

    基于 Node.js (>=22.14.0 ),依赖 qrcode 等库做了 Chrome 风格的渲染。支持全局安装,也兼容 bunx,但最简单的还是上面的 npx 一键调用。

    代码、截图和详细参数见 GitHub:
    https://github.com/chromium-style-qrcode/mcp/blob/main/README-zh-CN.md

    欢迎 Star 、试用、提 issue ~

    1 replies    2026-07-03 12:21:44 +08:00
    Aixiaoa
        1
    Aixiaoa  
       45 mins ago via iPhone
    图呢?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3813 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 47ms · UTC 05:06 · PVG 13:06 · LAX 22:06 · JFK 01:06
    ♥ Do have faith in what you're doing.