mcpField
S
SnapWidget

SnapWidget

远程服务
snapwidget.com商业与营销01 周前更新
代码仓库访问官网

关于 SnapWidget

SnapWidget 让 AI Agent 创建社交媒体动态、评论和客户评价组件并添加到网站。其技能说明适用于各类网站构建器和 JavaScript 框架的配置，仓库还包含 Claude Code 与 Gemini CLI 插件。

主要功能

  1. 01创建并嵌入网站组件
  2. 02支持社交动态和评论
  3. 03提供网站构建器配置指南
  4. 04提供 Claude Code 与 Gemini CLI 插件
  5. 05MCP 服务与 CLI

适用场景

  1. 01在主页添加 Instagram 动态
  2. 02在联系页面展示 Google 评论
  3. 03嵌入 YouTube 频道视频

MCP 相关

提供远程 MCP 服务 https://snapwidget.com/mcp，供兼容的 Agent 和聊天应用使用。仓库还在 Claude Code 和 Gemini CLI 插件文件中包含该服务。

配置

远程服务无需本地安装。选择你使用的客户端，复制配置或使用一键安装。

服务地址https://snapwidget.com/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行；JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

面向 AI Agent 的 SnapWidget

让你的 AI Agent 将 Instagram 信息流或 Google 评价添加到网站上。它会为你创建小组件并放到网站上。

SnapWidget 支持你的 Instagram、Facebook、TikTok、X 和 YouTube 账号、Google 和 G2 评价，以及用户推荐。本仓库包含两部分：

  • 一个技能（skills/snapwidget/SKILL.md），指导 Agent 如何创建小组件并将其添加到网站，还提供了适用于 WordPress、Wix、Shopify、Squarespace、许多其他网站构建工具和 JavaScript 框架的步骤。
  • 插件文件，适用于 Claude Code 和 Gemini CLI，包含该技能和 SnapWidget MCP 服务。

安装

Claude Code

/plugin marketplace add snapwidget/snapwidget-agent
/plugin install snapwidget@snapwidget

Gemini CLI

gemini extensions install https://github.com/snapwidget/snapwidget-agent

Cursor

将以下内容添加到 ~/.cursor/mcp.json，然后使用 npx skills add snapwidget/snapwidget-agent 添加技能：

{
  "mcpServers": {
    "snapwidget": {
      "url": "https://snapwidget.com/mcp",
      "auth": { "CLIENT_ID": "01a1a540-0cf2-7324-a610-d2c2e5248a53" }
    }
  }
}

Codex 和其他可读取技能的 Agent

npx skills add snapwidget/snapwidget-agent

**Claude、ChatGPT 和其他聊天应用：**添加 SnapWidget MCP 服务：https://snapwidget.com/mcp。各应用的操作步骤见文档。

使用

例如，向 Agent 提出以下请求：

  • “将我的 Instagram 信息流添加到主页。”
  • “在联系我们页面展示我们的 Google 评价。”
  • “把我的 YouTube 频道视频放到这个网站上。”

首次使用时，Agent 会为你登录。使用新账号时，你需要输入 SnapWidget 通过电子邮件发送给你的验证码。要展示 Instagram、Facebook、TikTok 或 X 账号的帖子，账号所有者需要打开 Agent 提供的链接并点击“允许”。

CLI

适用于在终端中运行的 Agent：

npm install -g snapwidget

命令和代码位于 snapwidget/snapwidget-cli。

帮助

SnapWidget 文档 · AI Agent · 问题反馈

许可证

MIT

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。