Flowpack

io.github.flowpackplugin由 GitHub 帳號 flowpackplugin 發布v2.0.0更新於 Oct 24, 2026

Flowpack: Shopify design catalog — badge/button/bar looks, honest-urgency presets, diagnosis.

已驗證Streamable HTTP可網頁執行商業與電商媒體與設計

概覽

AI 產生的概覽

Flowpack 是遠端 MCP 伺服器，提供 Shopify 設計目錄：瀏覽按鈕、購物車、徽章等外觀，規劃主題設定並診斷問題。

可以做什麼
  • 依網域（kits、presets、palettes、seasonal、settings、decorations、effects、diagnostics、anatomy、compatibility）瀏覽目錄，支援面向篩選與自由文字查詢。
  • 把商家的自然語言意圖轉成跨 Button、Cart、Badge、Variant、Frosty Pill 套件的結構化設定調整方案。
  • 以商家、開發者或審查者角度，簡要或深入解釋某個方案或單一設定路徑。
  • 提供目標導向的推薦，例如四套多樣化方案、品牌預設、主題配色、裝置觸控尺寸。
  • 依症狀或套件範圍做執行環境、主題與設定協調性檢查，輸出分類問題與嚴重程度。
適用情境
適合在調整 Shopify 店面視覺設計時，讓助理提出、解釋或排查 Flowpack 套件設定，而不必手動挑選。也適合商家與開發者比較預設、配色與季節性外觀，或診斷購物車、徽章與無障礙問題。
執行需求
遠端 streamable HTTP 端點，無需安裝套件。未宣告驗證、環境變數或標頭。目錄與方案針對 Flowpack 的 Shopify 套件，隱含需要已使用這些套件的商店。
安裝前請注意
diagnose 工具提到可透過 execute() 呼叫的修復方案，意味著可能對商店套用變更；執行前應確認會修改什麼。方案與推薦僅供參考，應對照線上主題核對。

安裝

在 SourceWeft 中

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

Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/io.github.flowpackplugin%2Fflowpack/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "flowpack": {
      "type": "http",
      "url": "https://flowpack-mcp.flowpackplugin.workers.dev/mcp"
    }
  }
}

工具

5

browse

Universal catalog reader. Routes by domain ('kits', 'presets', 'palettes', 'seasonal', 'settings', 'decorations', 'effects', 'diagnostics', 'anatomy', 'compatibility') with optional facet filter (e.g., 'button.hover') and free-text query. Returns paged items with id/name/description and metadata-only marker. Use this for ANY merchant question about 'what options are available' or 'show me X'.

輸入參數pagefacetquerydomain必填page_size

plan

MASTER KEY tool. Analyzes natural-language merchant intent ('make my buttons feel premium', 'wellness brand vibe', 'BFCM aggressive') and returns a structured plan of settings to change across Flowpack's Button + Cart + Badge + Variant + Frosty Pill kits. Handles single tweaks (one hover style) and full overhauls (50+ settings) with the same call. Returns opaque plan_id, change count, preview URL, and reasoning. ALWAYS call preview() before execute().

輸入參數intent必填context

explain

Natural-language explanation of a plan_id (what it does) or setting_path (what one setting controls). Audience: merchant (default), developer, or reviewer. Detail: brief (1-2 sentences) or deep (full context + related settings + a11y notes). Use when merchant asks 'what does this do' or 'why this preset'.

輸入參數detailplan_idaudiencesetting_path

recommend

Goal-oriented recommendation engine. Scenarios: 'personalized_4_plans' (returns 4 diverse plans — safe / aspirational / seasonal / conversion-tested), 'preset_for_brand', 'color_palette_for_theme', 'touch_target_for_devices', 'motion_density_for_audience', 'seasonal_for_calendar', 'diagnostics_first_check'. Use for proactive suggestions when merchant intent is unclear.

輸入參數contextscenario必填

diagnose

Runtime + theme + settings harmony check. Free-text symptom (e.g., 'cart drawer feels slow', 'badges not appearing') OR kit-scoped check. Returns categorized issues (theme_compat / settings_conflict / runtime_error / a11y / performance) with severity and optional fix_plan_id callable via execute(). health_score 0-100.

輸入參數kitdeepsymptom

版本歷史

1
  1. v2.0.0最新Sep 16, 2026

評分

已滿足適用檢查項的 83%

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

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 圖示10 分
  • 文件15 分

    請宣告包含 README 的 GitHub 儲存庫，或在 OAuth 受保護資源後設資料中提供 resource_documentation。

  • 授權條款不適用

    託管服務按其提供方的條款使用，因此這裡不要求授權條款。此檢查項不計入百分比。