Agent Mosaic Skill

Name: Agent Mosaic Skill
Author: Able-rip

作者：Able-ripバージョン 1.0.2i★ 1iパソコンで動く

レジストリ名io.github.Able-rip/agent-mosaic-skill

インストール方法

What it does

Convert photos to LEGO-style brick mosaic previews with AI-powered color quantization.

Connects パソコンで動く
Account or key No key needed
Category デザイン・画像・音声

インストール

使っているAIアプリを選んで、設定をコピーしてください。

チェック 2/3 合格 · あなたのパソコンで動きます

まず：どの AI を使っていますか？

ClaudeWeb · アプリ · スマホChatGPTWebClaude CodeターミナルCursorコードエディタVS Codeコードエディタその他その他のアプリ

使っているアプリを選ぶと、下に手順が表示されます。

Claude につなげますが、先に準備が必要です

先にパソコンへ Node.js を入れてください（1 回だけ） · パソコン版 Claude アプリ（Windows または Mac）のみ。Web やスマホでは使えません

Node.js を入れる
1 回だけ。Node.js が必要なすべてのサーバーで使えます
Node.js のダウンロードページを開く ↗
完了
パソコン版 Claude アプリの設定ファイルを開く
SettingsDeveloperEdit Config
完了

この設定を貼り付けて保存

{
  "mcpServers": {
    "agent-mosaic-skill": {
      "command": "npx",
      "args": [
        "-y",
        "@bmbrick/agent-mosaic-skill"
      ]
    }
  }
}

完了

Claude を終了してもう一度開く
完了
試してみる
Agent Mosaic Skill を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude が Agent Mosaic Skill を使っていると言うか、回答に Agent Mosaic Skill のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

ChatGPT はまだ Agent Mosaic Skill につなげません

Agent Mosaic Skill はパソコンに入れて使うものですが、ChatGPT は Web 上で動くサーバーにしかつなげません

代わりにできること

A · Agent Mosaic Skill につなげるアプリを使う

Claude の手順 →先にパソコンへ Node.js を入れてください（1 回だけ） · パソコン版 Claude アプリ（Windows または Mac）のみ。Web やスマホでは使えません
Claude Code の手順 →先にパソコンへ Node.js を入れてください（1 回だけ）
Cursor の手順 →先にパソコンへ Node.js を入れてください（1 回だけ）
VS Code の手順 →先にパソコンへ Node.js を入れてください（1 回だけ）

B · デザイン・画像・音声の中で ChatGPT につなげる別のサーバー

同じカテゴリでよく使われているものから、キーなしでアドレスだけでつなげるものを選びました

Pascal 3D Editor✓ ChatGPT
Semiotic✓ ChatGPT
TypeUI✓ ChatGPT

Claude Code につなげますが、先に準備が必要です

先にパソコンへ Node.js を入れてください（1 回だけ）

Node.js を入れる
1 回だけ。Node.js が必要なすべてのサーバーで使えます
Node.js のダウンロードページを開く ↗
完了
ターミナルを開く
Mac：Command+スペースで Terminal と入力 · Windows：PowerShell を開く
完了

このコマンドを貼り付けて Enter

claude mcp add --scope user agent-mosaic-skill -- npx -y @bmbrick/agent-mosaic-skill

完了

Claude Code で /mcp と入力
Agent Mosaic Skill が一覧にあり、接続済みと表示されれば OK です
完了
試してみる
Agent Mosaic Skill を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude Code が Agent Mosaic Skill を使っていると言うか、回答に Agent Mosaic Skill のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Cursor につなげますが、先に準備が必要です

先にパソコンへ Node.js を入れてください（1 回だけ）

Node.js を入れる
1 回だけ。Node.js が必要なすべてのサーバーで使えます
Node.js のダウンロードページを開く ↗
完了
このボタンで Cursor を開く
Cursor で開く
Cursor がインストールの確認をするので Install を押します
完了
Cursor の AI チャットを Agent モードで開く
完了
試してみる
Agent Mosaic Skill を使って、私に何ができるか教えて、1 つやってみせて
✓ Cursor が Agent Mosaic Skill を使っていると言うか、回答に Agent Mosaic Skill のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

VS Code につなげますが、先に準備が必要です

先にパソコンへ Node.js を入れてください（1 回だけ）

Node.js を入れる
1 回だけ。Node.js が必要なすべてのサーバーで使えます
Node.js のダウンロードページを開く ↗
完了
このボタンで VS Code を開く
VS Code で開く
VS Code がインストールの確認をするので Install を押します
完了
VS Code の AI チャットを Agent モードで開く
完了
試してみる
Agent Mosaic Skill を使って、私に何ができるか教えて、1 つやってみせて
✓ VS Code が Agent Mosaic Skill を使っていると言うか、回答に Agent Mosaic Skill のツール名が出れば接続成功です

メニュー名は 2026年11月11日に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください

MCP を使えるアプリをすべて見る →

JSON 設定は下の「開発者向け」にあります

つまずいたら？Agent Mosaic Skill を使っている人に聞いてみましょう💬 ディスカッション →

開発者向け：ターミナルのコマンドと JSON 設定

パソコンにインストール

Claude Code

claude mcp add --scope user agent-mosaic-skill -- npx -y @bmbrick/agent-mosaic-skill

Claude Desktop (claude_desktop_config.json)

{
  "mcpServers": {
    "agent-mosaic-skill": {
      "command": "npx",
      "args": [
        "-y",
        "@bmbrick/agent-mosaic-skill"
      ]
    }
  }
}

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "agent-mosaic-skill": {
      "command": "npx",
      "args": [
        "-y",
        "@bmbrick/agent-mosaic-skill"
      ]
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "agent-mosaic-skill": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@bmbrick/agent-mosaic-skill"
      ]
    }
  }
}

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。

ひと目でわかる

GitHubスター i: 1
週あたりのダウンロードi: 77/週
ライセンス i: ライセンスの記載なし
接続方法: パソコンで動く
トランスポート: stdio
最新バージョンi: 1.0.2
カテゴリi: デザイン・画像・音声
レジストリ公開日i: 2026年5月12日
コードの最終更新i: 2026年5月25日
作者: Able-rip
パッケージ: npm: @bmbrick/agent-mosaic-skill
リポジトリ: Able-rip/BMBrick-Photo-to-LEGO-Mosaic-Skill
レジストリでの状態: 有効

使えるアプリ

このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。

パソコン上で動かせるアプリ

Claude Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Raycast

すべてのアプリと長所・短所 →

できること

パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月12日にチェック

✓ 合格
作者とリポジトリが一致
レジストリ名は、リポジトリを所有するGitHubアカウント Able-rip で確認済みです
✓ 合格
今もメンテナンスされている
コードの最終更新：6 か月前
! 注意
ライセンスがある
GitHubがライセンスの種類を判別できませんでした。ファイルを開いて確認してください
– 対象外
エンドポイントが応答する
これはパソコンで動くため、インターネット上のエンドポイントはありません
– 対象外
OAuthでサインイン
パソコンで動き、代わりにローカルの設定を使います
… 未チェック
ツールの説明に隠れた指示がない
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです

話し合い

質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。

まだ投稿はありません。最初の質問や共有をどうぞ。

ここの投稿は利用者によるもので、PopNx チームのものではありません。

Google でログインして投稿

ユーザーレビュー

まだレビューはありません

Google でログインしてレビューを書く

デザイン・画像・音声のほかのサーバーとの比較i

このカテゴリのほかの2972件のうち78%よりスターが多い
このカテゴリのほかの2972件のうち7%より最近レジストリに公開
基本チェックの結果が、このカテゴリのほかの2972件のうち49%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

よくある質問

Agent Mosaic Skillは安全ですか？

当てはまる基本チェック3項目のうち2項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。

どんなキーやコードが必要ですか？

レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。

パソコンで動きますか、それともクラウドですか？

あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません（サーバー自体がオンラインサービスを呼び出す場合を除きます）。

今もメンテナンスされていますか？

GitHubリポジトリの最終更新は6 か月前、最新バージョン（1.0.2）がレジストリに届いたのは6 か月前です。

どのアプリで使えますか？

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。

代わりに使えるものは？

同じカテゴリには：Figma Context MCP, AutoClip, Next AI Draw.io

同じカテゴリのほかの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方：↓ 週あたりのダウンロードi★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i

Figma Context MCP

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

作者：GLips広く使われている↓ 15.2万/週★ 1.6万5 か月前更新

パソコンで動く

インストール

AutoClip

Clip long videos into short clips with covers and captions. Local CLI and MCP.

作者：zhouxiaoka広く使われている↓ 205/週★ 1万15 日前更新

パソコンで動く

インストール

Next AI Draw.io

draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand

作者：DayuanJiang広く使われている↓ 2.2万/週★ 3.7万リポジトリ全体のスター5 日前更新

パソコンで動く

インストール

作者のREADME

READMEを開く

作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。

BMBrick Photo-to-LEGO-Mosaic Skill

Convert any local photo into a LEGO-style brick mosaic preview — directly from your AI agent.

@bmbrick/photo-to-lego-mosaic-skill is an MCP server that lets Claude, Cursor, Windsurf, and other AI agents transform local images into high-fidelity 3D brick mosaics using the same canonical engine as bmbrick.com.

Renamed from `@bmbrick/agent-mosaic-skill` (the old name still works but is deprecated — please migrate to the new name for future updates).

Visual Previews

Generated with the generate_lego_mosaic tool (3D render mode):

Square Tiles (`square_1x1`)

Original Photo	48x48 Preview	64x64 Preview

Round Tiles (`round_1x1`)

Original Photo	48x48 Preview	64x64 Preview

For more case studies and mosaic examples, check out our Pinterest Showcase.

Quick Start

npx -y @bmbrick/photo-to-lego-mosaic-skill

MCP Client Configuration

Claude Desktop (claude_desktop_config.json):

"mcpServers": { "lego-mosaic": { "command": "npx", "args": ["-y", "@bmbrick/photo-to-lego-mosaic-skill"] } } }

Cursor (.cursor/mcp.json):

"mcpServers": { "lego-mosaic": { "command": "npx", "args": ["-y", "@bmbrick/photo-to-lego-mosaic-skill"] } } }

Tool: `generate_lego_mosaic`

Parameter	Type	Required	Default	Description
`imagePath`	string	Yes	—	Absolute path to a local image
`columns`	number	No	48	Preview width in studs (max 64)
`rows`	number	No	48	Preview height in studs (max 64)
`materialMode`	string	No	`square_1x1`	`square_1x1` or `round_1x1`
`renderMode`	string	No	`3D`	Render style
`removeBackground`	boolean	No	false	Clean up white/transparent backgrounds

Returns: a local watermarked PNG preview + a link to unlock the full project at bmbrick.com.

Unlock Full Project

The preview is watermarked and intended for creative exploration. To get the complete deliverables — HD unwatermarked mosaic, brick-by-brick PDF instructions, parts list with ordering links, and CSV/XML placement matrices — visit bmbrick.com.

Features

Same Engine as bmbrick.com — canonical color science, quantization, and 3D rendering pipeline
Local & Private — all processing happens on your machine via Node.js
Agent-Ready — ships with a SKILL.md for seamless agent workflow integration
3D Render Mode — InstancedMesh PBR rendering with realistic brick studs

Engineering Docs

Deep technical reference for the color quantization pipeline that powers this skill and bmbrick.com:

Color quantization pipeline: principles, history, and lessons — current architecture, architectural decisions, verified principles, failed experiments from 25+ versions of iteration, and parameter sensitivity reference.
🇬🇧 English
🇨🇳 中文

Migrating from `@bmbrick/agent-mosaic-skill`

If you were using the old name, the migration is one search/replace:

Package name: @bmbrick/agent-mosaic-skill → @bmbrick/photo-to-lego-mosaic-skill
MCP tool name (in your agent's tool list): generate_bmbrick_mosaic → generate_lego_mosaic
Binary name (rare): agent-mosaic-skill → photo-to-lego-mosaic-skill

The tool parameters (imagePath, columns, rows, etc.) and return shape are unchanged.

Development

License

Dual-licensed:

MIT — MCP wrapper, skill/ directory, agent integration surface
Restricted — dist/ engine files: free to use and distribute as-is, but no de-obfuscation, reverse engineering, or redistribution of modified versions

See LICENSE for full terms.

Agent Mosaic Skill

What it does

インストール

Node.js を入れる

パソコン版 Claude アプリの設定ファイルを開く

この設定を貼り付けて保存

Claude を終了してもう一度開く

試してみる

代わりにできること

Node.js を入れる

ターミナルを開く

このコマンドを貼り付けて Enter

Claude Code で /mcp と入力

試してみる

Node.js を入れる

このボタンで Cursor を開く

Cursor の AI チャットを Agent モードで開く

試してみる

Node.js を入れる

このボタンで VS Code を開く

VS Code の AI チャットを Agent モードで開く

試してみる

パソコンにインストール

ひと目でわかる

使えるアプリ

できること

基本チェックi

作者とリポジトリが一致

今もメンテナンスされている

ライセンスがある

エンドポイントが応答する

OAuthでサインイン

ツールの説明に隠れた指示がない

話し合い

ユーザーレビュー

デザイン・画像・音声のほかのサーバーとの比較i

よくある質問

同じカテゴリのほかの候補

Figma Context MCP

AutoClip

Next AI Draw.io

作者のREADME

BMBrick Photo-to-LEGO-Mosaic Skill

Visual Previews

Quick Start

MCP Client Configuration

Tool: generate_lego_mosaic

Unlock Full Project

Features

Engineering Docs

Migrating from @bmbrick/agent-mosaic-skill

Development

License

Tool: `generate_lego_mosaic`

Migrating from `@bmbrick/agent-mosaic-skill`