Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Convert photos to LEGO-style brick mosaic previews with AI-powered color quantization.
选择你使用的 AI 应用,然后复制设置。
通过 2/3 项检查 · 在你的电脑上运行 · ✓ 命令已检查 2026年11月13日
第一步:你用哪个 AI?
选择你用的应用,步骤会显示在下方。
可连接 Claude,但需要先准备
需要先在电脑上安装 Node.js(只需一次) · 仅限电脑上的 Claude 应用(Windows 或 Mac),网页和手机不可用
SettingsDeveloperEdit Config
{
"mcpServers": {
"agent-mosaic-skill": {
"command": "npx",
"args": [
"-y",
"@bmbrick/agent-mosaic-skill"
]
}
}
}用 Agent Mosaic Skill 告诉我你能帮我做什么,然后做一件给我看✓ 如果 Claude 说正在使用 Agent Mosaic Skill,或回答中出现 Agent Mosaic Skill 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同
ChatGPT 暂时无法连接 Agent Mosaic Skill
Agent Mosaic Skill 需要安装在你的电脑上,而 ChatGPT 只能连接在网上运行的服务器
A · 使用能连接 Agent Mosaic Skill 的应用
B · 设计、图片与音频 类中能连接 ChatGPT 的其他服务器
从同类中使用较多的里挑选,仅限用地址即可连接、无需密钥的
可连接 Claude Code,但需要先准备
需要先在电脑上安装 Node.js(只需一次)
Mac:按 Command+空格,输入 Terminal · Windows:打开 PowerShell
claude mcp add --scope user agent-mosaic-skill -- npx -y @bmbrick/agent-mosaic-skill应能看到 Agent Mosaic Skill 在列表中并显示已连接
用 Agent Mosaic Skill 告诉我你能帮我做什么,然后做一件给我看✓ 如果 Claude Code 说正在使用 Agent Mosaic Skill,或回答中出现 Agent Mosaic Skill 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同
可连接 Cursor,但需要先准备
需要先在电脑上安装 Node.js(只需一次)
用 Agent Mosaic Skill 告诉我你能帮我做什么,然后做一件给我看✓ 如果 Cursor 说正在使用 Agent Mosaic Skill,或回答中出现 Agent Mosaic Skill 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 Cursor 帮助页面核实 · 你的界面可能因版本略有不同
可连接 VS Code,但需要先准备
需要先在电脑上安装 Node.js(只需一次)
用 Agent Mosaic Skill 告诉我你能帮我做什么,然后做一件给我看✓ 如果 VS Code 说正在使用 Agent Mosaic Skill,或回答中出现 Agent Mosaic Skill 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 VS Code 帮助页面核实 · 你的界面可能因版本略有不同
Claude Code
claude mcp add --scope user agent-mosaic-skill -- npx -y @bmbrick/agent-mosaic-skillClaude 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 为准。
依据这个服务器的连接方式和各应用自己的文档,检查于 2026年11月10日。
在你的电脑上运行,适用于
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
它在你的电脑上运行;安装后,工具列表会显示在你的 AI 应用中。
我们检查的是任何人都能看到的信息;我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月14日
注册名称已通过 GitHub 账户 Able-rip 验证,该账户拥有此仓库
代码最后更新于6个月前
GitHub 无法识别许可证类型;请打开文件自行查看
它在你的电脑上运行,没有互联网端点
在你的电脑上运行,改用本地设置
它在你的电脑上运行;我们只能读取互联网端点的工具列表
提问、分享技巧或报告无法使用。按“有帮助”数量排序。
还没有评价
与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时,星标数才计入。
它在 3 项适用的基础检查中通过了 2 项。我们没有阅读代码。在添加密钥或令牌之前,请先看看这个服务器要求哪些权限,并使用只具备所需权限的密钥。
注册中心没有列出必需的密钥,不过有些服务器会在首次使用时要求你登录。
它在你的电脑上运行。你的 AI 应用会在需要时启动它,数据不会经过作者的服务器(除非它自己调用在线服务)。
GitHub 仓库最后更新于6个月前,最新版本(1.0.2)于6个月前进入注册中心。
支持 MCP 的应用,例如 Claude Desktop、Claude Code、Cursor 和 VS Code。你的电脑上还需要有 Node.js。
同一分类中有:Figma Context MCP, AutoClip, Next AI Draw.io
同一分类中其他作者的服务器,按星标数排序。
如何看卡片:↓ 每周下载量i★ GitHub 星标i三大支柱:评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。
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).
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.
npx -y @bmbrick/photo-to-lego-mosaic-skill
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"] } } }
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.
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.
SKILL.md for seamless agent workflow integrationDeep technical reference for the color quantization pipeline that powers this skill and bmbrick.com:
@bmbrick/agent-mosaic-skillIf you were using the old name, the migration is one search/replace:
@bmbrick/agent-mosaic-skill → @bmbrick/photo-to-lego-mosaic-skillgenerate_bmbrick_mosaic → generate_lego_mosaicagent-mosaic-skill → photo-to-lego-mosaic-skillThe tool parameters (imagePath, columns, rows, etc.) and return shape are unchanged.
Dual-licensed:
skill/ directory, agent integration surfacedist/ engine files: free to use and distribute as-is, but no de-obfuscation, reverse engineering, or redistribution of modified versionsSee LICENSE for full terms.