Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
รันบนเครื่อง
Agent Mosaic Skill
ภาพรวม
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Convert photos to LEGO-style brick mosaic previews with AI-powered color quantization.
สามเสาของ PopNx MCP
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
- เสียงผู้ใช้iยังไม่มีรีวิวรีวิวเปิดพร้อมระบบบัญชีในขั้นถัดไป
- ผลตรวจเบื้องต้นของเราiผ่าน 1 จาก 1 ข้อตรวจจากข้อมูลที่เปิดอยู่ ยังไม่ได้สแกนโค้ด
- การใช้งานiยังใหม่มาก↓ 77/สัปดาห์ · ★ –
ใช้ทำอะไรได้
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
- การเชื่อมต่อ: รันบนเครื่อง
- ช่องทาง (transport): stdio
- หมวด: ออกแบบ ภาพ และเสียง
ติดตั้ง
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ก่อนติดตั้ง
- ผลตรวจเบื้องต้น: ผ่าน 1 จาก 1 ข้อ
- รันในเครื่องคุณด้วยสิทธิ์ของผู้ใช้คุณ (ไฟล์ อินเทอร์เน็ต แอปต่าง ๆ)
- ทะเบียนไม่ได้ระบุ key ที่ต้องใส่
ต้องเตรียมก่อน
- npmติดตั้ง Node.js (มีคำสั่ง npx) ในเครื่อง
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"agent-mosaic-skill": {
"command": "npx",
"args": [
"-y",
"@bmbrick/agent-mosaic-skill"
]
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add agent-mosaic-skill -- npx -y @bmbrick/agent-mosaic-skillหรือคัดลอกค่าตั้งเอง
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"agent-mosaic-skill": {
"command": "npx",
"args": [
"-y",
"@bmbrick/agent-mosaic-skill"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
หรือคัดลอกค่าตั้งเอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"agent-mosaic-skill": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@bmbrick/agent-mosaic-skill"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ทำอะไรได้บ้าง
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
ผลตรวจเบื้องต้นi
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 8 พ.ย. 2569
- ✓ ผ่าน
ตัวตนผู้ทำตรงกับ repo
ชื่อใน registry ยืนยันด้วยบัญชี GitHub Able-rip ซึ่งเป็นเจ้าของ repo
- … ยังไม่ตรวจ
ยังมีคนดูแล
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
- … ยังไม่ตรวจ
มีสัญญาอนุญาต (license)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
- – ไม่เกี่ยว
endpoint ตอบ
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
- – ไม่เกี่ยว
ล็อกอินแบบ OAuth
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
- … ยังไม่ตรวจ
คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับตัวอื่นในหมวด ออกแบบ ภาพ และเสียงi
- ดาวมากกว่า 0% ของอีก 2785 ตัวในหมวดนี้
- ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 8% ของอีก 2785 ตัวในหมวดนี้
- ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 100% ของอีก 2785 ตัวในหมวดนี้
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
คำถามที่พบบ่อย
Agent Mosaic Skill ปลอดภัยไหม?
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใช้กุญแจหรือรหัสอะไรบ้าง?
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
ตัวนี้รันบนเครื่องหรือบนคลาวด์?
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
ยังมีคนดูแลอยู่ไหม?
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.0.2) เข้า registry 6 เดือนที่ผ่านมา
ใช้กับโปรแกรมไหนได้บ้าง?
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
มีตัวไหนใช้แทนได้บ้าง?
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
ตัวที่ใช้แทนได้
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
Claude Real Video
Let any LLM watch a video locally — and search everything it has ever watched.
รันบนเครื่อง
Figma MCP Server
server ทางการของ Figma ส่งข้อมูลงานออกแบบให้ AI อ่าน เพื่อเปลี่ยนแบบเป็นโค้ดหรืออธิบายแบบได้ตรงขึ้น ต่อผ่านคลาวด์ของ Figma
รันบนคลาวด์✓ mcp.figma.com
README จากผู้ทำ
เปิดอ่าน README
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ 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-skillMCP 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.mdfor 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.