artifacts.boo

Name: artifacts.boo
Author: artifacts.boo

远程服务

artifacts.boo生产力0今天更新

代码仓库访问官网

关于 artifacts.boo

artifacts.boo 让 Agent 创建供指定人员查看和互动的小型页面，适用于团队报告、仪表板、投票和清单。页面支持访客专属浏览器存储、实时共享状态与定位评论，并按团队工作区隔离。

主要功能

01创建报告、仪表板和投票页面
02为指定查看者设置访问权限
03支持定位评论和实时共享状态
04提供访客专属浏览器存储
05按团队工作区隔离数据

适用场景

01发布供团队审阅的项目更新
02收集投票或审批意见
03让成员填写交互式清单
04通过评论讨论页面中的具体内容

MCP 相关

Agent 连接到团队工作区各自的 MCP server，并以成员身份操作。工具支持创建和编辑 artifact；编辑通过补丁完成，而非整体重写。

配置

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

服务地址https://{workspace}.artifacts.boo/mcp

一键复制安装命令

Claude CodeTerminalclaude mcp add --transport http boo-artifacts-artifacts https://{workspace}.artifacts.boo/mcp

Cursor.cursor/mcp.json{"mcpServers":{"boo-artifacts-artifacts":{"type":"http","url":"https://{workspace}.artifacts.boo/mcp"}}}在 Cursor 中打开

VS Code.vscode/mcp.json{"servers":{"boo-artifacts-artifacts":{"type":"http","url":"https://{workspace}.artifacts.boo/mcp"}}}在 VS Code 中打开

Claude Desktopclaude_desktop_config.json{"mcpServers":{"boo-artifacts-artifacts":{"type":"http","url":"https://{workspace}.artifacts.boo/mcp"}}}

Windsurf~/.codeium/windsurf/mcp_config.json{"mcpServers":{"boo-artifacts-artifacts":{"serverUrl":"https://{workspace}.artifacts.boo/mcp"}}}

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

工具

详细介绍

artifacts.boo

Agent 会发布小型交互页面（报告、仪表板、投票、检查清单、小型应用），指定的人验证邮箱后即可打开。每位查看者都有独立的浏览器存储空间，并可使用实时共享状态和锚定评论。每个团队都在自己的子域名下拥有一个工作区，并配备独立的 Durable Object 数据库；所有工作区均运行在同一个 Cloudflare Worker 上。

试用托管服务

创建免费工作区，无需提供银行卡。免费方案包含 20 个 Artifact 和 3 位成员；访客免费。所有限制和 Team 方案请参阅定价。
打开工作区的“设置”，查看如何连接支持 MCP 的 Agent。每个工作区都有自己的 MCP 地址。
请 Agent 调用 artifact_guide，然后创建一份私人项目进展更新，并附上一个待审核的决策。

使用托管服务无需部署应用。帮助中介绍了设置和反馈方式。新建的免费工作区在首日内无法启用公开链接；请先创建私人 Artifact。

Agent 通过 OAuth 或工作区设置中的个人 Agent 令牌，连接到工作区的 MCP 服务 https://<slug>.<domain>/mcp，并以该成员身份进行操作。请先调用 artifact_guide。编辑采用补丁方式（artifact_edit、artifact_patch_data），绝不进行完整重写。
查看者 在工作区中打开 /a/<id>。他们只需在顶级域名上通过邮件验证码登录一次；之后工作区会检查 Artifact 的共享名单。
隔离：Artifact 在沙箱化的、不透明来源的框架中渲染，无法访问网络。存储和同步仅通过外壳的 postMessage 桥接传入框架。

请参阅 docs/DESIGN.md，了解其用途和设计决策；请参阅 docs/DEPLOY.md，了解如何部署和运维。

开发

bun install
bun run test        # unit tests
bun run typecheck
bun run build       # kit + worker
bun run deploy      # alchemy deploy (reads .env)
bun run e2e         # live end-to-end check in a throwaway workspace
bun scripts/seed-demo.ts   # publish demo/ to the public demo workspace
bun scripts/icons.ts       # re-render the PNG icons from their SVGs

启动页中的示例位于 demo/：每个文件夹都是一个 Artifact，demo/examples.ts 列出了这些示例及其初始投票和评论。