コーディングエージェントがスクリーンショット、録画、ログなどのアーティファクトをホストし、それらを管理されたコメントとしてGitHubのプルリクエストに自動的に添付できるようにします。
別名 buildinternet/uploads, uploads, @buildinternet/uploads
- スター
- 20
- ツール
- —
- ダウンロード数(30日間)
- 4,521
- 最新バージョン
- 0.63.1
- 最終コミット
- 2026年11月14日
- ライセンス
- Apache-2.0
uploads.sh MCPとは
uploads.shはMCPサーバーです。 コーディングエージェントがスクリーンショット、録画、ログなどのアーティファクトをホストし、それらを管理されたコメントとしてGitHubのプルリクエストに自動的に添付できるようにします。.
プロジェクトのREADMEから生成された概要
uploads.sh MCP server について
uploads.shを使用すると、コーディングエージェントはスクリーンショット、画面録画、テストレポート、ログなどの視覚的およびデータ的なアーティファクトをホストおよび管理できます。このサービスにより、開発者はブランチの開発中にファイルをステージングし、それらをGitHubのプルリクエスト上の単一の管理されたコメントへと自動的に昇格させることができます。アップロードされたすべてのコンテンツに対して安定した公開URLが提供されるため、埋め込みが機能し続け、ファイルが上書きされた際にも自動的に更新されます。
ユーザーは、コマンドラインインターフェースを介するか、AIクライアントをhosted MCP serverに接続することでサービスを利用できます。セットアップには認証用のGitHubアカウントが必要であり、個人のCloudflare R2やS3互換のストレージバケットを接続することで、無制限のホスティングができるようカスタマイズ可能です。厳格な視覚的検証を必要とするチーム向けに、継続的インテグレーションのワークフロー内でUI変更時にスクリーンショットを必須とするよう設定でき、視覚的なエビデンスをコードマージのための必須ステータスチェックに変換できます。
できること
- 1プルリクエストのドキュメント作成を自動化AIエージェントが開発中にスクリーンショットやログをステージングし、プルリクエストの作成時にそれらを単一のGitHubコメントとして自動的に集約できます。
- 2UI変更のサイドバイサイド比較特定のメタデータを使用して、ウェブページの変更前後の状態をプルリクエスト内の視覚的なテーブルとしてペアリングできます。
プロジェクトの README から作成されています。すべてのユースケースは、その引用と照らし合わせて確認されています。
uploads.sh MCPのインストール方法
フォーマット検証日 2026年11月10日Cursor に追加Claude Codeにuploads.sh MCPをインストール
$ claude mcp add --env UPLOADS_TOKEN=<YOUR_UPLOADS_TOKEN> uploads -- npx -y @buildinternet/uploadsCursorにuploads.sh MCPをインストール
~/.cursor/mcp.json
{
"mcpServers": {
"uploads": {
"command": "npx",
"args": [
"-y",
"@buildinternet/uploads"
],
"env": {
"UPLOADS_TOKEN": "<YOUR_UPLOADS_TOKEN>"
}
}
}
}VS Codeにuploads.sh MCPをインストール
.vscode/mcp.json
{
"servers": {
"uploads": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@buildinternet/uploads"
],
"env": {
"UPLOADS_TOKEN": "<YOUR_UPLOADS_TOKEN>"
}
}
}
}VS Code CLIにuploads.sh MCPをインストール
$ code --add-mcp '{"name":"uploads","type":"stdio","command":"npx","args":["-y","@buildinternet/uploads"],"env":{"UPLOADS_TOKEN":"<YOUR_UPLOADS_TOKEN>"}}'Claude Desktopにuploads.sh MCPをインストール
claude_desktop_config.json
{
"mcpServers": {
"uploads": {
"command": "npx",
"args": [
"-y",
"@buildinternet/uploads"
],
"env": {
"UPLOADS_TOKEN": "<YOUR_UPLOADS_TOKEN>"
}
}
}
}Codexにuploads.sh MCPをインストール
~/.codex/config.toml
[mcp_servers.uploads] command = "npx" args = ["-y", "@buildinternet/uploads"] [mcp_servers.uploads.env] UPLOADS_TOKEN = "<YOUR_UPLOADS_TOKEN>"
Gemini CLIにuploads.sh MCPをインストール
~/.gemini/settings.json
{
"mcpServers": {
"uploads": {
"command": "npx",
"args": [
"-y",
"@buildinternet/uploads"
],
"env": {
"UPLOADS_TOKEN": "<YOUR_UPLOADS_TOKEN>"
}
}
}
}設定
UPLOADS_TOKEN必須シークレットWorkspace bearer token (up_<workspace>_…). Mint with uploads login.
UPLOADS_API_URLAPI origin. Defaults to https://api.uploads.sh.
UPLOADS_WORKSPACEWorkspace name. Inferred from the token when omitted.
| 名前 | 説明 | 種類 |
|---|---|---|
| UPLOADS_TOKEN | Workspace bearer token (up_<workspace>_…). Mint with uploads login. | 必須シークレット |
| UPLOADS_API_URL | API origin. Defaults to https://api.uploads.sh. | |
| UPLOADS_WORKSPACE | Workspace name. Inferred from the token when omitted. |
自動チェック
実行日 2026年11月12日詳細レポート →自動チェックに合格しました。これはセキュリティ監査ではありません。コードを読み、サーバーに必要最小限のアクセス権を与えてください。 チェックの仕組み
- ソースリポジトリがリンクされており、アクセス可能合格
- オープンソースライセンス (OSI)合格
- 過去1年以内にコミットまたはリリースあり合格
- パッケージ名が有名なパッケージに酷似していない合格
- リモートエンドポイントがHTTPSを使用合格
- 破壊的なツールがラベル付けされている未チェック
- モデルへの隠れた指示がない合格
- パッケージと依存関係に重大なアドバイザリがない合格
README
GitHubで見るThe missing upload command for coding agents.
Capture screenshots, recordings, and other artifacts as you work: test reports, logs, JSON, PDFs, zips. When the pull request opens, uploads.sh puts them in one tidy comment that updates automatically on each revision. Hosted uploads.sh is free to start. Connect your own bucket — Cloudflare R2 or any S3-compatible provider — so storage in that bucket is unmetered, or self-host the open-source service.
Artifacts ready when the pull request opens
uploads hosts the artifacts coding agents produce at stable public URLs
they can use in pull requests and issues: screenshots and screen recordings,
but also test reports, logs, JSON, CSV, Markdown, PDFs, and zip archives
(the full list is under Plans & limits). On
a branch, uploads put stages each file as soon as it is ready. When the pull
request opens, uploads.sh promotes the staged files into one managed comment.
GitHub's own attachments work from a browser and, since GitHub CLI 2.99
(September 2026), from gh … --attach, but only once a pull request or issue
exists, and the files stay behind GitHub's own hosting, where they cannot be
embedded or fetched anywhere else. uploads.sh gives agents a stable
public URL from the same terminal where they build and test the change, while
the branch is still in progress; GitHub has no public API (yet) for that. The
hosted MCP server does the same for agents that cannot run a command at all,
taking files as bytes or a URL.
Keys are hash-free, so re-uploading the same filename overwrites in place and the URL never changes — every embed of it updates at once. Workspaces keep tenants (and their budgets and key policies) apart.
This repo is the source of the canonical deployment at
uploads.sh: the API worker, auth worker, MCP server, the
hosted read-gate Worker, the Astro web app, and the @buildinternet/uploads
CLI (published to npm from packages/uploads).
What it looks like
One comment per PR, rewritten in place on every sync. Files tagged
--state before and --state after pair into a side-by-side table; other
images and video land below it, and non-media files (reports, logs, archives)
list in a file table with their type and size.
The real comment on #436.
Pairing is by --meta path=… when several pairs share a comment (one before
and one after per path), and falls back to filenames that differ only by a
before/after token — hero-before.webp with hero-after.webp.
Everything you attach also lands in your workspace, grouped by where it came
from — pages by path, projects by repo or app — and browsable from one
place.
The screenshots view groups uploads by project and path.
Open any file for a share page: copy-ready embeds (Markdown, HTML, and more), the raw URL, and a delete button.
Each file's share page — copy-ready embeds, details, and delete.
Quick start
Install the CLI and sign in once:
npm install --global @buildinternet/uploads
uploads login
Upload a file and tag the page it shows:
uploads put ./settings.png --meta path=/settings
On a branch, put stages the file automatically. Open the pull request however
you normally would. The GitHub App
promotes the staged files into one managed attachments comment.
More ways to upload
Use the same commands for before-and-after evidence, an open pull request, a browser capture, or an annotated image:
# Pair two states from the same page in the pull request comment.
uploads put ./before.png --meta path=/settings --state before
uploads put ./after.png --meta path=/settings --state after
# See what this branch will attach when the pull request opens.
uploads staged
# Attach files directly when a pull request or issue is already open.
uploads attach ./before.png ./after.png
# Capture, annotate, and upload a page in one command.
uploads screenshot http://localhost:4321/settings --via local --annotate ./callouts.json
attach detects the repository and current PR through gh, uploads all files,
and creates or updates that same one comment. On an issue it also keeps a
Markdown issue artifact (and a gallery link, when there is one) unless the
workspace or the repo turns that off. Without the GitHub App, run
uploads attach --promote after opening the pull request to promote files that
you staged earlier. All commands run under npx @buildinternet/uploads …
without a global install.
Sign in with GitHub or a magic link, then create your own workspace or accept an invite into one — see enrollment. Hosted files are public URLs — private-repo attachments get non-guessable links (how that works), but anyone holding a URL can view the file. A file that looks like it shows a credential, ID, or card number is held for your review before it goes public, but don't rely on that: do not upload secrets or sensitive UI.
Require screenshots in CI
The GitHub App adds an uploads.sh check to pull requests that change UI
files, next to your tests and builds. No workflow or Actions step is needed.
Out of the box it only reports, so nobody is blocked. Turn on Require
screenshots on UI changes in the workspace's Settings → GitHub, or set it
for one repo in .uploads.yml, and the check fails until screenshots arrive:
comment:
check:
require: [before-after, desktop, mobile] # or just [uploads]
The PR comment shows a checklist that ticks itself as files arrive. Images
dragged into the PR on GitHub count too, so contributors without uploads.sh are
never stuck, and a skip-uploads label skips a PR that needs no screenshots.
Add uploads.sh as a required status check in branch protection to make it
block merges. Setup, which files count as UI, and skip labels are in
Require screenshots on pull requests.
Connect your agent
The hosted MCP server runs at https://agents.uploads.sh/mcp and is listed in the
MCP Registry
as sh.uploads/mcp. Local stdio is uploads mcp on the same npm package.
# Claude Code
claude mcp add --transport http uploads https://agents.uploads.sh/mcp
# Codex
codex mcp add uploads --url https://agents.uploads.sh/mcp
# OpenCode
opencode mcp add uploads --url https://agents.uploads.sh/mcp
uploads install adds the agent skills and the MCP server, so future sessions
can capture each visual milestone without being asked. The skills also install
standalone into any agent runtime:
npx skills add buildinternet/uploads
That installs three skills: github-screenshots (visuals → PRs/issues),
uploads-cli (full CLI reference), and annotate-screenshots (callouts and
redaction on a capture).
On Claude Code or Codex, the plugin
bundles the skills, the MCP server, and a pre-PR screenshot reminder. In
Claude Code it also shows staged screenshots above the prompt and attaches
them when the PR opens. On claude.ai and in Cowork, add uploads from the
Claude directory. The same folder
(plugins/claude/uploads) is the common agent-plugin layout, and it is
submitted to the xAI plugin marketplace
as uploads.
Full CLI usage, including annotations, managed comments, public galleries, and change feeds (repo-wide or one pull request), lives in docs/cli.md.
uploads feed create prints a live page of the screenshots on a repo:
uploads feed create --repo buildinternet/uploads.
REST routes are in docs/api.md.
What's in this repo
| Path | What |
|---|---|
apps/ |
The deployables: the REST API worker (api.uploads.sh), the optional public viewer, the auth worker, the remote MCP server, the Slack app (link previews and held-upload messages), the hosted read-gate Worker, and the Astro site at uploads.sh |
packages/ |
Shared code — most notably @buildinternet/uploads (the CLI, published to npm), @uploads/storage (the files-sdk adapter factory all storage goes through), and @uploads/plugin (Claude/Codex plugin version, not published) |
skills/ |
The three agent skills that ship to users |
hooks/, plugins/, .mcp.json |
Agent-runtime wiring: the shared pre-PR screenshot hook and the Claude / Codex plugin manifests |
server.json |
MCP Registry listing (sh.uploads/mcp): stdio uploads mcp plus the hosted remote |
Each worker and the web app deploy separately. All storage access goes through
createStorage() in packages/storage — adding a provider is one new case
plus peer deps, no API changes.
Hosted file bytes stay on the shared uploads-default bucket.
store.uploads.sh, storage.uploads.sh, and embed.uploads.sh are served
through uploads-read-gate (apps/read-gate). A held image gets a "Held
for review" card. Any other safety hold is a 404. Every other request
passes through to R2. It does not gate private files, and it does not run
for a bring-your-own bucket. Operator notes are in
docs/ops.md.
Docs
Product docs — install, the staged loop, the GitHub App, limits — live at https://uploads.sh/docs. The docs in this repo are the companion: CLI and API reference, contributor setup, and operator material, all mapped from docs/README.md.
How to set up, test, and open a pull request: CONTRIBUTING.md. Where the project is headed: VISION.md. Agent working conventions live in AGENTS.md, and agents that land on this repo should start at llms.txt. The product site serves https://uploads.sh/llms.txt and https://uploads.sh/llms-full.txt.
Local development
Prerequisites: Node ≥24 and pnpm ≥11 (corepack enable). No Cloudflare
account needed for the core local loop — wrangler dev simulates R2, KV, and
D1 on disk:
pnpm bootstrap # one-command setup: tooling, deps, env vars, local D1, default workspace
pnpm dev # API on :8787 (local R2 + KV + D1)
bootstrap is idempotent, and pnpm doctor diagnoses a setup without changing
it. The rest of the loop — the authenticated dev stack, the check and test
gates, and how to open a pull request — is in
CONTRIBUTING.md.
License
uploads.sh MCPのよくある質問
uploads.sh MCPをClaude Codeに追加するには
ターミナルでclaude mcp add --env UPLOADS_TOKEN=<YOUR_UPLOADS_TOKEN> uploads -- npx -y @buildinternet/uploadsを実行します。すべてのプロジェクトで利用するには--scope userを追加します。
uploads.sh MCPをCursorに追加するには
~/.cursor/mcp.jsonを開き、上記のインストールセクションに示すCursor設定を使ってmcpServersの下にサーバーを追加します。
uploads.shはGitHubのプルリクエストにどのように役立ちますか?
ファイルをブランチ上にステージングし、プルリクエストが作成されると、それらを単一の管理されたコメントにまとめます。このコメントは各リビジョンで自動的に更新されます。
独自のストレージプロバイダーを使用できますか?
はい、Cloudflare R2やその他のS3互換プロバイダーを接続して、無制限のストレージとして利用できます。
AIエージェントをこのサービスに接続するにはどうすればよいですか?
ドキュメントに記載されているhosted MCP serverのURLを使用することで、Claude CodeやCodexなどのエージェントを接続できます。