Uploadkit

io.github.drumst0ck由 GitHub 帳號 drumst0ck 發布v0.3.1更新於 Nov 3, 2026

UploadKit MCP — 40+ upload components, route scaffolds, BYOS setup, full docs search.

已驗證STDIO僅桌面知識與記憶開發者工具

概覽

AI 產生的概覽

本機 MCP 伺服器，讓 AI 程式助理掌握 UploadKit React 上傳 SDK 的元件、路由脚手架、BYOS 設定與文件檢索。

可以做什麼
  • 瀏覽、搜尋並檢視 UploadKit 元件及其中介資料與用法範例
  • 依套件管理器回傳正確的安裝指令
  • 產生 Next.js 路由處理常式與根配置 Provider 接入片段
  • 取得 S3、R2、GCS、B2 的 BYOS 設定及端對端 Next.js 快速上手
  • 讀取元件目錄與快速上手資源
適用情境
在使用 UploadKit 開發 Next.js 或 React 應用時，希望助理挑選元件、接入 Provider 與路由處理常式，或設定自帶儲存而不必手動貼上文件。
執行需求
透過 npx 從 npm 套件 @uploadkitdev/mcp 以 stdio 在本機執行，需要 Node.js 及取得該套件的網路存取。未宣告任何設定、API 金鑰或環境變數。對無法啟動 npx 的用戶端另提供遠端 Streamable HTTP 端點。
安裝前請注意
README 稱工具面為唯讀，但脚手架工具會產生程式碼片段，助理可能將其寫入專案，請檢查產生的檔案。遠端端點會將請求送往第三方主機。不要求任何憑證。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Uploadkit，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Desktop only，透過 STDIO。 STDIO 服務會啟動本機處理程序，因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

README

@uploadkitdev/mcp

[npm version] [Glama MCP score] [Awesome MCP Servers] [Official MCP Registry]

Model Context Protocol server for UploadKit — gives AI coding assistants (Claude Code, Cursor, Windsurf, Zed) first-class knowledge of the UploadKit SDK.

Your AI now knows:

  • Every one of UploadKit's 40+ React components (name, category, inspiration, usage)
  • How to scaffold the Next.js route handler
  • How to wire <UploadKitProvider> into the root layout
  • How to configure BYOS (Bring Your Own Storage) for S3, R2, GCS, or Backblaze B2
  • Which install command to run for your package manager

No config. No API key. Runs local via npx.

Remote MCP

For clients that cannot spawn npx (ChatGPT custom connectors, Claude.ai web, Smithery), UploadKit also exposes a Streamable HTTP endpoint:

https://api.uploadkit.dev/api/v1/mcp

Same 11-tool surface, read-only, no auth. Full setup: https://docs.uploadkit.dev/docs/guides/mcp#remote-mcp

Install

Add this to your MCP client config.

Claude Code

json
{  "mcpServers": {    "uploadkit": {      "command": "npx",      "args": ["-y", "@uploadkitdev/mcp"]    }  }}

…or run: claude mcp add uploadkit -- npx -y @uploadkitdev/mcp

Cursor

Settings → Features → Model Context Protocol → Add new MCP server:

Name:     uploadkitCommand:  npx -y @uploadkitdev/mcp

Windsurf / Zed / Continue

Follow your editor's MCP docs. Command is always npx -y @uploadkitdev/mcp.

Tools

ToolWhat it does
list_componentsList all UploadKit components, filterable by category
get_componentFull metadata + usage example for one component
search_componentsKeyword search across names, descriptions, inspirations
get_install_commandReturns the right install command for your package manager
scaffold_route_handlerGenerates app/api/uploadkit/[...uploadkit]/route.ts
scaffold_providerSnippet to wire <UploadKitProvider> into layout.tsx
get_byos_configEnv + handler for S3 / R2 / GCS / B2
get_quickstartEnd-to-end Next.js quickstart

Resources

  • uploadkit://catalog — JSON of every component
  • uploadkit://quickstart — Next.js setup walkthrough

Example prompts once installed

"Add an Apple-style animated dropzone to this page."

"Set up UploadKit with Cloudflare R2 BYOS mode."

"What's the difference between UploadProgressRadial and UploadProgressOrbit?"

"Create a route handler that accepts up to 4 images of 8MB each."

License

MIT

來源：packages/mcp/README.md，提交 b8c3957

工具

0
SourceWeft 尚未在沙箱中啟動過該軟體包，因此其工具未知。

版本歷史

1
  1. v0.3.1最新Sep 16, 2026

評分

已滿足適用檢查項的 50%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通25 分

    請保持端點能夠回應 MCP 握手；SourceWeft 每 30 天探測一次。

  • 已宣告認證方式10 分

    請在註冊中心條目中宣告憑證請求標頭，或保持端點能夠回應探測，以便判定其認證方式。

  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list，或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分