vibesharing

VibeSharing MCP Server

连接 AI 编码助手与团队的缺失环节。

给在 GitHub 上阅读本文的用户的说明： erova/vibesharing-mcp 是一个只读镜像，会在每次发布时自动更新。针对该镜像提交的拉取请求会被 下一次同步覆盖。若要报告错误或请求更改，请 提交 issue 或发送邮件至 [email protected]。

使用 Claude Code、Cursor 或任何 AI 工具构建原型，然后立即与团队分享并收集反馈。无需切换上下文，无需复制粘贴 URL。直接发布并协作。

快速开始

1. 获取令牌

在 vibesharing.app 注册，然后前往 Account Settings：

• 复制部署令牌 — 以 vs_ 开头
• 连接 GitHub 账户（可选）— 启用推送部署

2. 连接编辑器

Cursor / Windsurf / Claude Desktop（推荐 — 始终保持最新）：

{
  "mcpServers": {
    "vibesharing": {
      "url": "https://vibesharing.app/api/mcp",
      "headers": {
        "Authorization": "Bearer vs_YOUR_TOKEN"
      }
    }
  }
}

添加到 .cursor/mcp.json（Cursor）或 ~/Library/Application Support/Claude/claude_desktop_config.json（Claude Desktop）。

Claude Code：

claude mcp add vibesharing -s user \
  -e VIBESHARING_TOKEN=vs_YOUR_TOKEN \
  -- npx -y @vibesharingapp/mcp-server@latest

然后重启编辑器。就这么简单。

3. 开始分享

You: "Share this page on VibeSharing"
You: "Deploy this to the Product Redesign collection"
You: "What feedback came in on the dashboard?"

你可以做什么

即时分享静态 HTML 页面

"Share this HTML file on VibeSharing"

一条命令即可完成。无需 Vercel、GitHub 或 React 包装器。你的 HTML 页面会立即上线，并内置反馈组件。CSS、SVG 和图片会自动打包为一个独立文件。

部署完整项目

"Deploy this to VibeSharing in the Hero Use Cases collection as checkout-v3"

Claude 会确认内容、为部署命名并处理所有事项——GitHub 仓库、部署、团队注册——只需一次对话。前三个原型由我们托管；连接你自己的 Vercel 或 Netlify 账户后，数量限制便会取消。

从第一个提示词开始就匹配你的设计系统

"Build a settings page using our design system"

quick_prototype 会从你的组织中挑选合适的模板，将 CSS 变量和书面设计说明交给 AI 并进行部署——这样原型在生成时就符合品牌风格，而不是先生成通用版本再进行改造。使用 list_templates 浏览可用模板。

一次处理一个人的反馈

"What feedback did I get on the checkout flow?"
"Walk me through Jordan's comments"

在本地服务端，每个会话首次调用 VibeSharing 工具时，都会汇总近期原型中尚未处理的反馈——无需询问，你就能知道有反馈待处理。（远程端点暂不支持此功能。）

未指定姓名调用 get_feedback 时，反馈会按作者分组——例如“来自 4 人的 9 条反馈，其中 6 条未处理”——而不是返回一大段文字。指定姓名后，它会逐条展示此人的评论，每条都附带评论所在的页面、固定的位置、所回复的问题、下方的回复，以及截图本身的图片——让你直接看到对方看到的内容，而不必打开链接。你可以决定对每条评论进行实现、跳过或讨论；close_feedback_loop 会告知对方你的处理结果。

保留每个版本，安全地创建分支

"Show me the version history"
"Fork this so I can try a dark variant"
"Roll back to v3"

每次部署都会生成一个带编号的版本，并拥有独立且不可变的 URL。fork_prototype 会将版本复制到独立 URL，供你探索而不影响原版；rollback_deploy 则可恢复到任何较早版本——无论是基于 git 还是静态原型都适用。

展示给客户

"Set up a study comparing these three variants"

create_campaign 会将多个原型打包到一个带访问限制的门户中，并附上你自定义的问题——星级评分、单选题、自由文本等；还支持盲测随机排列 A/B/C 顺序，避免像“v2”这样的名称影响偏好测试。创建的活动会作为草稿；是否开启并邀请参与者，仍由你在控制面板中主动决定。

在部署前发现构建失败

"Check this will build before we ship it"

validate_project 会查找真正会导致部署失败的问题——缺少框架依赖、没有构建脚本、配置冲突——并返回修复方法，而不是事后才给出堆栈跟踪。

在不同会话间保留上下文

"Sync my CLAUDE.md to VibeSharing"

你的项目上下文会保留在 VibeSharing 上，因此任何团队成员（或 AI 会话）都可以接续之前的工作。CLAUDE.md 和 AGENTS.md 会在部署时自动同步。

排查问题

"Run a VibeSharing health check"

diagnose 工具会检查你的令牌、GitHub 连接、部署锁和近期错误，并自动修复能处理的问题。如果无法修复，send_support_request 会向管理员发送详细报告。

可用工具（31）

工具	描述
部署与分享
quick_prototype	一步将创意变为线上 URL：选择设计系统模板，生成符合品牌风格的代码并部署
share_html	即时分享静态 HTML——无需托管账户或 GitHub。自动打包 CSS/SVG/图片。
deploy_files	将多文件项目部署到 GitHub 和你的托管服务商，并为部署命名
deploy_prototype	直接部署单个代码文件
import_repo	将 GitHub 仓库导入 VibeSharing
register_prototype	通过 URL 注册已部署的原型
validate_project	在部署前检查项目能否构建——检查缺失的框架、构建脚本和冲突配置
设计系统
list_templates	列出组织的设计系统模板
get_template	获取模板的 CSS 变量、起始页面和 AI 设计说明——编写代码前调用
组织管理
resolve_target	模糊匹配集合和项目——确认部署位置
create_collection	创建新集合
list_prototypes	列出或搜索组织中的所有原型
list_collections	列出或搜索所有集合
update_prototype	就地重命名原型，或更新其描述和 URL
delete_prototype	删除原型及其历史记录——不可撤销，仅创建者或组织管理员可操作
版本与变体
list_versions	查看版本历史——版本号、文件数量、提交信息，以及可回滚的版本
fork_prototype	将原型复制到独立 URL，以便探索变体；原型本身不受影响
rollback_deploy	恢复到先前版本，适用于基于 Git 的原型和静态原型
研究
create_campaign	设置客户研究——包含多个原型、自定义问题，以及可选的盲测 A/B/C 排序
反馈
get_feedback	按作者分组查看反馈，或将某人的评论作为带完整上下文的队列查看
triage_feedback	更新反馈的状态、优先级或受派人
generate_feedback_topics	为评审者创建引导式反馈问题
close_feedback_loop	通过向利益相关方发送备注来解决反馈
上下文
sync_context	推送 CLAUDE.md、AGENTS.md 或项目备注
upload_source	将源代码上传到现有原型
add_context_link	添加参考链接（Figma、PRD、文档）
list_context_links	列出集合或项目中的参考链接
remove_context_link	移除参考链接
诊断
diagnose	健康检查——令牌、GitHub、部署锁和近期错误
send_support_request	向管理员发送附带上下文的支持请求
verify_token	检查部署令牌是否有效

远程与本地

远程（推荐）：连接到 vibesharing.app/api/mcp。始终保持最新，无需安装，也不会遇到缓存问题。随处可用。

本地（高级）：通过 npx 运行。支持使用 file_path 参数读取磁盘上的文件。需要 Node.js 18+。更新后可能需要运行 npx clear-npx-cache。

环境变量（仅限本地）

变量	必需	描述
VIBESHARING_TOKEN	是	你从 VibeSharing 获取的部署令牌
VIBESHARING_URL	否	自定义 API URL（默认为 https://vibesharing.app）

了解更多

• VibeSharing — 免费注册
• 设置指南 — 适用于所有编辑器的分步指南
• 故障排除 — 常见问题及解决方法
• GitHub — 源代码

---

别再独自开发，开始与团队协作交付。