Ecommerce 3d MCP

ecommerce-3d-mcp

](https://www.npmjs.com/package/ecommerce-3d-mcp)  

免责声明： 生成的代码、HTML嵌入和资产“按原样”提供，不提供任何保证。在部署到生产存储之前，请检查所有生成的内容。这并不能代替专业的web开发审查。看 TERMS.md 和 隐私.md.

用于电子商务3D产品可视化的MCP服务器。生成模型查看器嵌入、AR试穿体验、交互式产品配置器、Shopify集成和SEO元数据——所有这些都来自AI助手。

快速开始

npx ecommerce-3d-mcp

克劳德桌面

添加到您的 claude_desktop_config.json:

{
  "mcpServers": {
    "ecommerce-3d": {
      "command": "npx",
      "args": ["-y", "ecommerce-3d-mcp"]
    }
  }
}

工具

用法示例

3D产品查看器

“为我的橡木餐桌产品创建一个3D查看器。模型位于https://cdn.mystore.com/models/table.glb"

返回准备粘贴HTML ``、AR按钮、相机控制和响应式尺寸。

Shopify集成

“生成Shopify代码片段，为我的产品页面添加3D查看”

返回Liquid模板(snippets/product-3d-viewer.liquid)与：

• 元场驱动模型加载
• AR快速浏览（iOS）+场景查看器（Android）
• 黎明主题集成说明
• 回归标准产品形象

AR试穿

“为我的天鹅绒扶手椅创造AR试穿体验”

返回一个嵌入：

• WebXR、场景查看器和快速查看AR模式
• 按类别摆放（家具放在地板上，衣服放在身体上）
• 样式化CTA按钮
• iOS和Android深度链接

产品配置器

“为我的运动鞋构建一个具有颜色和尺寸选项的配置器”

返回一个自包含的HTML小部件，其中包含：

• 3D模型查看器
• 色样和下拉选择器
• 动态价格更新
• 样式选项面板

SEO元数据

“以49.99美元的价格为我的蓝牙扬声器生成结构化数据”

退货 `` 使用产品、3DModel和Offer模式。

定价

通过 apiKey 任何工具调用中的参数。

Shopify集成指南

步骤1：上传3D模型

上传 .glb 和 .usdz 文件到 Shopify管理>设置>文件，或CDN上的主机。

步骤2：添加元字段

在 Shopify管理员>设置>元字段>产品，创建：

步骤3：生成代码段

使用 shopify_snippet 工具获取Liquid模板，然后将其另存为 snippets/product-3d-viewer.liquid 在你的主题。

步骤4：包含在产品模板中

添加到您的产品模板中（例如。， sections/main-product.liquid):

{% render 'product-3d-viewer', product: product %}

步骤5：将模型URL添加到产品

编辑每个产品并填写 model_3d_url 元字段中包含您的CDN URL .glb 文件。

三维模型源

• Shopify：直接通过管理员>文件上传
• Sketchfab：下载或嵌入模型
• CGTrader/TurboSquid：购买生产就绪型号
• Polycam/Luma AI：用手机扫描真实产品
• 搅拌机：创建并导出为 .glb

发展

git clone https://github.com/sceneview-tools/ecommerce-3d-mcp
cd ecommerce-3d-mcp
npm install
npm run build
npm test

法律

• 许可证 --MIT许可证
• TERMS.md --服务条款
• 隐私.md --隐私政策（未收集数据）

许可证

麻省理工学院——见 许可证.