Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
Able-rip avatar

Agent Mosaic Skill MCP

  • 1 repo stars
  • Updated May 25, 2026
  • Able-rip/agent-mosaic-skill

Agent Mosaic Skill is an MCP server that turns photos into LEGO-style brick mosaic previews with AI color quantization.

About

Agent Mosaic Skill is a Model Context Protocol server that converts photographs into LEGO-style brick mosaic previews using AI-driven color quantization. developers who need distinctive visuals—for newsletter headers, game merch, portfolio flair, or launch tweets—can invoke the tool from an MCP client instead of hand-tuning pixels in Figma. The server ships as an npm package (@bmbrick/agent-mosaic-skill) with stdio transport, version 1.0.2 in the published manifest, aligning with local agent workflows common in Claude Code and Cursor. Skillselion places it under Build and frontend because the deliverable is visual media for product surfaces, not infrastructure or growth analytics. Complexity is beginner-friendly once Node and MCP registration are in place; advanced users still benefit when batching creative variants for A/B social posts. It is a specialized creative MCP integration, not a general image CDN or print fulfillment service—export and brick-count planning remain your responsibility after preview generation.

  • Converts photos to LEGO-style brick mosaic previews through MCP (npm @bmbrick/agent-mosaic-skill v1.0.2)
  • AI-powered color quantization for brick-palette fidelity
  • Stdio MCP transport via published npm package
  • Useful for swag mockups, hero images, and social-ready graphics without a separate design app
  • Open-source repository on GitHub Able-rip/agent-mosaic-skill

Agent Mosaic Skill MCP by the numbers

  • Data as of Aug 10, 2026 (Skillselion catalog sync)
terminal
claude mcp add agent-mosaic-skill -- npx -y @bmbrick/agent-mosaic-skill

Add your badge

Show developers this MCP server is listed on Skillselion. Paste this into your README.

Listed on Skillselion
repo stars1
Package@bmbrick/agent-mosaic-skill
TransportSTDIO
AuthNone
Last updatedMay 25, 2026
RepositoryAble-rip/agent-mosaic-skill

What it does

Turn photos into LEGO-style brick mosaic previews from your agent via MCP for merch mockups, portfolio visuals, or playful landing assets.

Who is it for?

Best when you want agent-driven creative assets for landing pages, merch concepts, or content without opening a full design suite.

Skip if: Shops needing official LEGO production specs, inventory-optimized BOMs, or enterprise DAM workflows.

What you get

After adding the npm MCP server, your agent can generate LEGO-style mosaic previews from source photos for mockups and marketing assets.

  • LEGO-style brick mosaic preview images derived from input photos
  • Palette-quantized visuals suitable for web and social mockups
  • Agent-repeatable creative pipeline without manual pixel editing

By the numbers

  • npm package version 1.0.2 identifier @bmbrick/agent-mosaic-skill
  • MCP stdio transport in published server manifest
  • GitHub source Able-rip/agent-mosaic-skill
README.md

BMBrick Photo-to-LEGO-Mosaic Skill

npm version License

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
Original 48x48 64x64

Round Tiles (round_1x1)

Original Photo 48x48 Preview 64x64 Preview
Original 48x48 Round 64x64 Round

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.

Migrating from @bmbrick/agent-mosaic-skill

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

  1. Package name: @bmbrick/agent-mosaic-skill@bmbrick/photo-to-lego-mosaic-skill
  2. MCP tool name (in your agent's tool list): generate_bmbrick_mosaicgenerate_lego_mosaic
  3. Binary name (rare): agent-mosaic-skillphoto-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
  • Restricteddist/ 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.

Recommended MCP Servers

How it compares

Creative image MCP utility, not a CMS plugin or marketplace of agent skills.

FAQ

Who is Agent Mosaic Skill MCP for?

Developers and creators who use MCP agents and want quick LEGO-brick mosaic previews from photos for demos and marketing.

When should I use Agent Mosaic Skill MCP?

Use it during Build when you need distinctive visual collateral—mockups, social graphics, or playful UI art—not for production QA or audience research.

How do I add Agent Mosaic Skill MCP to my agent?

Install npm package @bmbrick/agent-mosaic-skill, register the stdio MCP server in your client config, and call the server’s mosaic tools with a photo path or buffer per the repo README.

AI & LLM Toolsbrandingui

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.