可用的串接
無程式碼自動化
每一列新資料、每筆表單回覆、每張訂單,都能自動生成圖片或 PDF,完全不用寫程式。
透過你的工作流程工具連接
Google Sheets
Airtable
Tally
Shopify
Webhooks
Slack
Google Drive
Dropbox
用 MCP 串接 AI Agent
只要在助理中加入一個網址,登入一次即可,不必複製 API 金鑰。
$ claude mcp add --transport http bannerify https://api.bannerify.co/mcp
> 用我的 Product Hunt 範本做一張上線橫幅
✓ list_templates · 12 個範本
✓ create_image · launch-banner.png
Claude Code
Claude Desktop
Cursor
VS Code
可以串接什麼
從任何來源,到任何目的地。
Render Image 與 Render PDF 兩個動作,就能涵蓋所有工作流程。以下是資料的來源與去向。
自動化工具
Render Image 與 Render PDF 動作可由任何觸發條件啟動:新增一列資料、表單回覆、付款完成的訂單。
Zapier
n8n
資料與表單
Notion 可直接串接,並會把渲染結果的網址寫回頁面。Airtable、Google Sheets 與表單則透過你的工作流程工具對應欄位。
Airtable
Google Sheets
Notion
Tally
Webhooks
儲存空間與通知
Scale 與 Enterprise 方案可直接把檔案存到自己的 S3 或 R2 儲存桶。任何方案都能在工作流程中,把檔案網址傳送到 Drive、Dropbox 或 Slack。
S3
Cloudflare R2
Google Drive
Dropbox
Slack
電商
利用工作流程工具的媒體動作,依商品目錄資料製作商品橫幅與促銷卡片。
Shopify
設計匯入
用 Figma 外掛匯入設計,再加上動態的文字、圖片、QR Code、圖表與表格圖層。
Figma
AI 助理
連接 Bannerify MCP 伺服器,就能請助理列出範本並渲染檔案。
Claude
Cursor
VS Code
- 01
當 Google Sheets 新增一列時生成圖片,上傳到 Drive,再發佈到 Slack。
- 02
依 Tally 表單的回覆建立 PDF 結業證書,並存到 Dropbox。
- 03
當價格或庫存變動時,依 Airtable 的紀錄更新 Shopify 商品圖片。
- 04
請 Claude 用你的 Product Hunt 範本,渲染本週的上線橫幅。
