mcpField
S
Super Artifacts

Super Artifacts

远程服务
superartifacts.app云与基础设施1今天更新

关于 Super Artifacts

Super Artifacts 是托管服务,让编码 Agent 将交互页面、表单、追踪器和操作指南发布为可访问的实时网址。它适合需要收集访客回复、读取数据并通过同一连接管理内容版本的 Agent 及其用户。

主要功能

  1. 01将内容发布到固定网址
  2. 02收集并查询访客提交的数据
  3. 03创建和恢复内容版本
  4. 04安装与管理模板
  5. 05将内容归入项目
  6. 06管理共享、评论与签名

适用场景

  1. 01发布访客可填写的预订表单
  2. 02查看页面收到的回复
  3. 03更新内容并发布新版本
  4. 04通过项目链接展示有序内容

MCP 相关

提供托管 MCP 端点 `https://superartifacts.app/mcp`。连接的 Agent 可通过工具发布和管理内容、收集与读取数据、使用模板和项目,以及处理共享和评论。

配置

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

服务地址https://superartifacts.app/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 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

Super Artifacts

让你的 Agent 构建的内容成为人们可以使用的东西。

superartifacts.app · 文档 · 价格 · 连接你的 Agent


Super Artifacts 是你的编码 Agent 构建的内容供人打开使用的地方。Agent 发布一个页面、表单、追踪器或操作指南,并获得一个可在手机上使用的实时 URL。访客可以填写你构建的内容,Agent 会读取他们的回答,并据此修改页面,所有操作都通过同一连接完成。

这个仓库是它面向公众的部分:供 Agent 连接的 MCP 端点、各个 Agent 的指南,以及适用于 Agent 安装来源的平台插件:Claude、ChatGPT、Codex 和 Hermes。

它的功能

  • 由数据驱动。 Artifact 可以声明要收集哪些内容。访客的回答会存入托管数据库,发布它的 Agent 可以将回答作为行或汇总数据读取。
  • 支持不同的 Agent。 任何能与 MCP 服务通信的 Agent 都可以连接到同一个 URL,并通过浏览器登录。每个 Agent 都有对应的指南,见下文。
  • 模板节省 token。 如果别人已经构建了你想要的内容,你的 Agent 可以安装该模板并填入内容,无需从头重新编写。
  • 项目将 Artifacts 归组。 你可以为 Artifacts 排序,也可以让规则自动填充列表,然后通过一个链接逐个展示。

30 秒内完成连接

所有 Agent 使用相同的 MCP 端点,并通过 OAuth 登录:

https://superartifacts.app/mcp

在 Claude Code 中,只需运行一条命令:

claude mcp add --transport http super-artifacts https://superartifacts.app/mcp

随后浏览器会打开一个同意页面,其中会显示 Agent 将发布到哪个账户。只有当该账户属于你时,才允许连接。连接不会发布任何内容,你可以在 Agent 页面撤销密钥。

对于其他 Agent,请参阅各自的页面。每个页面都列出了该 Agent 所需的确切配置行:

Claude Code · Claude Desktop · ChatGPT · Codex · Cursor · Windsurf · Zed · Gemini CLI · GitHub Copilot · Devin · Hermes · OpenClaw · Amp · Antigravity · Cline · Goose · Grok Build · Junie · Kilo Code · Kiro · Manus · OpenCode · Qwen Code · Warp

效果展示

以下截图展示的是真实产品,使用演示数据,并按照你依次看到它们的顺序排列。

“授权此连接”页面:Claude Code 想要将制品发布到 northlight 账户,页面上有“拒绝”和“允许”按钮。
1. 连接时会先显示账户名称,并列出密钥可以和不可以执行的操作。此时尚未发布任何内容。

Super Artifacts 控制面板的 Agents 页面:Claude Code 列为已连接的 Agent,显示其密钥、六个制品和“撤销密钥”按钮。
2. 允许连接后,该 Agent 就会显示在 Agents 页面上,并附有“撤销密钥”按钮。(演示数据。)

手机上打开的已发布制品:一个私享餐会页面,包含三道菜的菜单,以及带有姓名、晚餐时段和座位选择器的预订表单。
3. 请求生成一个页面,就会得到一个可在手机上打开的链接。(演示数据。)

Super Artifacts 控制面板中某个制品的 Data 页面:一张包含九条预订回复的表格。
4. 访客提交的内容会存入托管数据库,Agent 可用 super_data 读取同一批数据。(演示数据。)

Super Artifacts 控制面板中的 Gallery:列表中有六个制品,每个都显示标题、可见性和版本。
5. 所有已发布内容都集中在一个图库中,除非你公开,否则均为私有。(演示数据。)

某个制品的 Versions 标签页:v3 已上线,下方列出 v2 和 v1,每个版本旁都有“恢复此版本”按钮。
6. 使用同一 slug 再次发布,就会生成一个新版本;任何较早的版本都可以恢复。(演示数据。)

二十种工具

你的 Agent 可通过 MCP 使用以下工具。每个工具名都包含一个名词;需要时,super_help 会返回简短的用法说明。

工具用途
super_publish在稳定 URL 上发布制品。相同的 slug 会生成新版本。
super_upload通过 URL 暂存图片、视频和其他大型文件,让发布时无需通过 Agent 传输文件内容。
super_artifacts列出你的制品、版本和文件,或在浏览器中打开一个私有制品,访问时长为十分钟。
super_artifact_set更改制品提供的内容及其面向对象:版本、上线状态、可见性、集合、删除。
super_data读取访客提交的内容。
super_data_query汇总已收集的内容。
super_data_write以所有者身份向制品数据中写入行:创建、替换或删除你写入的行。
super_data_schema查看有哪些数据以及它们的含义。
super_entries读取或写入集合中的条目。
super_secret_use使用 Agent 看不到的密钥,调用所有者批准的一个 API。
super_templates查找、列出和读取模板。
super_template_save创建或修改模板草稿。
super_template_action安装、卸载、评分、举报或回滚模板。
super_release_template将模板的一个版本提供给所有已安装该模板的用户。
super_project创建、读取和编辑项目。
super_share授予他人访问权限。
super_comments读取并回复制品上的评论。
super_signatures请他人为已发布版本签名,并跟踪签名者。此工具不能代替任何人签名。
super_whoami显示此连接发布内容所用的账户和 Agent。
super_help说明这些工具如何配合使用。

插件

每个插件都只是同一个托管 MCP 服务,不包含其他内容:没有斜杠命令、没有脚本,也不会在你的计算机上运行代码。安装一个插件,通过 OAuth 登录一次,然后用自己的话向 Agent 提出请求。

适用对象文件夹安装方式
Claude Code、Claude Desktop、Cowork 和 claude.aisuper-artifacts//plugin marketplace add Super-Artifacts/plugins,然后运行 /plugin install super-artifacts@super-artifacts
ChatGPT 和 Codexopenai/codex plugin marketplace add Super-Artifacts/plugins;ChatGPT 可从其插件目录安装
Hermes Agenthermes/hermes plugins install super-artifacts --enable,然后运行一条登录命令

请分别发送两条 Claude Code 提示词。更新会自动安装:由 Git 托管的市场会在后台更新。

不知道该从何问起?试试下面这些:

  • “发布一个单页晚餐俱乐部预约表单,并把链接发给我。”
  • “给我看看大家提交到我的预约页面的内容。”
  • “在我的预约表单中添加一个素食选项,并发布新版本。”

连接不会发布任何内容。Agent 只会构建你要求的内容;在你打开内容所在的页面前,生成的作品都会保持私密。

状态

托管产品已在 superartifacts.app 上线。此仓库是三个插件和连接指南的只读镜像;每当它们发生变化时,都会从私有源代码仓库重新生成,因此在此处提交的更改会被覆盖。插件版本见 plugin.json。

许可证

MIT。参见 LICENSE。

评论

支持 Markdown

第一次接触 MCP?

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

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