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は、MCPワークフローでChromium風QRコードを作成するMCPサーバーです。円形モジュール、角丸の位置検出パターン、Dinoまたはカスタム画像を中央に配置できます。

主な機能

  1. 01Chromium風QRコードの生成
  2. 02円形モジュールと角丸位置検出パターン
  3. 03標準のDinoロゴを配置
  4. 04Base64形式の中央画像を指定
  5. 05中央画像の無効化

活用シーン

  1. 01URLやテキストのQRコード化
  2. 02Dinoロゴ入りQRコードの作成
  3. 03QRコード中央へのカスタム画像配置
  4. 04中央画像なしのQRコード生成

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いいえデフォルトの Dino の代わりに中央ロゴとして使用する Base64 エンコード画像。指定されており、showLogo が true の場合、Dino ロゴがこの画像に置き換わります。

詳細

@chromium-style-qrcode/mcp

中国語ドキュメント

円形モジュール、角の丸い位置検出パターン、任意の中央画像(Dino ロゴまたはカスタム画像)を使用して Chromium スタイルの QR コードを生成する MCP(Model Context Protocol)サーバーです。

機能

  • Chromium スタイルのレンダリング — 円形のドットモジュールと角の丸い位置検出パターンを使用し、Google Chrome が生成する QR コードと同じスタイルで表示します
  • Dino ロゴ — Chrome の象徴的な Dino をデフォルトで中央に描画します
  • カスタム中央画像 — Base64 エンコードされた画像を指定して、Dino を置き換えられます
  • 中央画像の切り替え — showLogo: false を設定すると、ロゴなしの QR コードを生成します
  • MCP ネイティブ — stdio 経由で通信し、MCP 対応のあらゆるクライアントで動作します

インストール

注: command と args を使用して設定した MCP サーバーでは、type: "stdio" フィールドは不要です。これがデフォルトのトランスポートです。

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 スタイルの QR コードを生成し、PNG 画像として返します。

パラメーター
パラメーター型必須デフォルト説明
textstringはい—エンコードするテキストまたは URL
showLogobooleanいいえtrue中央にロゴを表示するかどうか
customLogostringいいえ—Dino の代わりに中央のロゴとして使用する Base64 エンコード画像
使用例

Dino ロゴ付きの基本的な QR コード:

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

プレーンな QR コード(中央画像なし):

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

カスタム中央画像付きの QR コード:

{
  "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

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。