TapCard MCP
Allows AI assistants to preview, confirm, import, search, and manage NFC/QR digital business cards through a private Cloudflare-deployed contact library.
README
TapCard MCP
一套只依賴 Cloudflare 執行的開源 NFC/QR 電子名片與私人 AI 名片庫。每位使用者 fork 一份,部署到自己的 Cloudflare 帳號;公開頁呈現自己的簡介,登入後的卡片牆管理收到的名片,Remote MCP 讓 ChatGPT 等 AI 工具預覽、確認、匯入與搜尋。
目前可用功能
- 公開個人頁:
/p/:slug - 同一網址可寫入 NFC,也能產生 QR Code 截圖保存在手機
- 標準化
contact.json與 vCard 下載 - 手機原生分享與「複製 AI 匯入指令」
- 私人管理後台:公開簡介表單、卡片牆/條列檢視、受保護縮圖
- Remote MCP:建立、搜尋、讀取、更新、封存及匯出名片
- URL 匯入:先
preview_contact_from_url,明確確認後才import_contact_from_url - 匯入 TapCard 時產生並保存名片縮圖,不建立無圖資料
- D1 FTS5 全文搜尋;目前尚未加入向量語意搜尋
使用者流程
碰 NFC/掃手機 QR/收到網址
↓
公開個人簡介與電子名片
├─ 儲存 vCard
├─ 開啟社群連結
└─ 分享到 AI 對話
↓
preview_contact_from_url(只讀預覽)
↓ 使用者確認
import_contact_from_url(寫入私人名片庫)
↓
私人卡片牆與 MCP 搜尋
NFC 卡只寫入穩定 HTTPS 網址,例如 https://card.example.com/p/me。資料更新不需要重寫 NFC,QR Code 也使用同一網址。
Cloudflare-only 架構
NFC / QR / Browser / AI client
│
Cloudflare Worker
├── Static Assets:UI
├── D1:公開簡介+私人名片+FTS
├── R2:私人 Markdown+縮圖
└── KV:可撤銷 MCP key
GitHub 只保存程式碼,不是執行期依賴。管理登入使用部署者設定的 ADMIN_TOKEN Worker Secret,不需要 Firebase、Netlify、傳統 CMS 或外部帳號服務。
部署
需求:Node.js 20+、GitHub 帳號、Cloudflare 帳號及 Wrangler 登入。
npm install
npx wrangler d1 create tapcard-mcp
npx wrangler r2 bucket create tapcard-mcp-assets
npx wrangler kv namespace create CARD_KEYS
將 CLI 回傳的 D1、R2、KV ID 填進已追蹤的 wrangler.jsonc,再設定只有部署者知道的管理憑證。請勿把實際 ID 的修改提交回公開 repo:
npx wrangler secret put ADMIN_TOKEN
npx wrangler d1 migrations apply tapcard-mcp --remote
npm test
npm run typecheck
npx wrangler deploy
部署完成後:
- 開啟
/app,輸入ADMIN_TOKEN。 - 建立並發布自己的公開名片。
- 將
/p/:slug寫入 NFC,或在公開頁顯示/截圖 QR Code。 - 在「MCP 連線」產生 Connector URL,加入支援 Remote MCP 的 AI 工具。
完整 MCP URL 含私人 key,請勿公開、截圖或提交到 GitHub。
MCP 工具
| 工具 | 行為 |
|---|---|
preview_contact_from_url |
讀取公開 TapCard,顯示預覽,不寫入 |
import_contact_from_url |
僅在 confirmed: true 時匯入並生成縮圖 |
create_contact |
建立已確認且含 WebP 縮圖的名片 |
search_contacts |
搜尋私人名片 |
get_contact |
取得完整名片 |
update_contact |
更新欄位、標籤與備註 |
archive_contact |
可恢復式封存,不直接永久刪除 |
export_contact |
匯出 Markdown 或 vCard |
安全邊界
- 公開簡介和私人聯絡人使用不同資料表及不同 API。
- 私人 API 需要管理憑證;MCP 使用個別可撤銷 key。
- URL 匯入只接受符合
/p/:slug的公開 HTTPS TapCard,阻擋本機、私有 IP、重新導向、非 JSON 與過大回應。 - 遠端資料一律當成不可信內容,不會當作 MCP 指令執行。
- 匯入是寫入動作,工具 schema 強制要求
confirmed: true。 - repo 僅含合成測試資料,不含任何真實名片或部署 ID。
完整契約見 docs/SPEC.md,架構見 docs/ARCHITECTURE.md。
驗證
npm test
npm run typecheck
npm audit --omit=dev
npx wrangler deploy --dry-run
Coverage 門檻:lines/functions/statements 80%,branches 75%。
License
Apache-2.0。
Recommended Servers
playwright-mcp
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.
Magic Component Platform (MCP)
An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
Audiense Insights MCP Server
Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.
VeyraX MCP
Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.
graphlit-mcp-server
The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.
Kagi MCP Server
An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.
E2B
Using MCP to run code via e2b.
Neon Database
MCP server for interacting with Neon Management API and databases
Exa Search
A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.
Qdrant Server
This repository is an example of how to create a MCP server for Qdrant, a vector search engine.