Refcat

app.refcat由 refcat.app 發布官方發布者v1.0.0更新於 Nov 1, 2026

Search 1M real UI flows and 3.3M screens from shipped apps, sites, emails and games.

已驗證Streamable HTTP可網頁執行網頁搜尋與抓取知識與記憶媒體與設計

概覽

AI 產生的概覽

Refcat 讓助理檢索真實應用程式、網頁與電子郵件畫面及流程的目錄,在設計前找到可參考的介面。

可以做什麼
  • 檢索與瀏覽目錄:篩選詞彙、分類、應用程式、畫面、流程,以及相似應用程式或相似畫面
  • 檢視單一畫面:影像加上 OCR 文字與熱點框、頁面類型、模式與元件
  • 依序閱讀完整流程,並查看歷史擷取紀錄了解流程變化
  • 檢索真實產品電子郵件,並取回原始 HTML 以便改寫
  • 列出並開啟呼叫者自己的專案及其畫面、位置與連結
適用情境
適合在開發或檢視介面時使用,希望以已上線產品為依據而非憑記憶設計,例如挑選引導、付費牆或結帳流程,或從真實郵件範本起步。
執行需求
遠端 streamable HTTP 端點,無需本機安裝。需要 Refcat 主控台簽發的 Bearer API 金鑰,透過 Authorization 標頭傳送;免費方案含一組金鑰。部分工具需 Pro 方案,專案類工具僅在金鑰授權時出現。
安裝前請注意
API 金鑰屬於機密,經 Authorization 標頭傳送。部分工具會消耗配額或產生費用,應僅在使用者明確同意後呼叫。郵件 HTML 與畫面資料來自第三方產品,重複使用前請確認授權,並註明來源應用程式、流程與擷取日期。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Refcat,將其新增到工作區。
  2. 連接 Authorization token 憑證。它們會被私密儲存,絕不會在公開頁面上展示。
  3. 為需要使用其工具的對話啟用該服務。

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

交給代理程式安裝

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

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

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

其他 MCP 客戶端

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

{
  "mcpServers": {
    "refcat": {
      "type": "http",
      "url": "https://mcp.refcat.app/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_TOKEN>"
      }
    }
  }
}

工具

18

list_facets

List filter values

The filter vocabulary with real counts (number of flows): platform, flowIntents, uiComponents, pageType and screenPatterns. Call this before filtering search_screens or search_flows so filters are real values, not guesses. Optional query/filters narrow every count, flowIntents included.

輸入參數queryfilters

get_screen

Get screen

One catalog screen with its image and structure. Returns an image block (look at it for color, typography and spacing) and JSON with app, flow, platform, pageType, screenPatterns, uiComponents, keyTexts, dimensions, capturedAt and `elements` (OCR text and hotspots with normalized bbox [x0,y0,x1,y1], sorted top to bottom: use them to reproduce hierarchy, order and positions). image 'small' is ~800px wide (~1-2k tokens), 'full' 1800px. Cite the app, flow and capture date when you build from it.

輸入參數imagescreenDocId必填includeElements

search_screens_by_image

Search screens by image

Find catalog screens that look like your images (base64, e.g. a screenshot of the app you are building). Then call get_screen on the matches to compare. Free plans: up to 2 images and 12 results.

輸入參數limitimages必填

search_screens

Search screens

Search individual UI screens by description, app name or site ('paywall with annual plan first', 'Spotify', 'linear.app'). Returns metadata per screen; set includeImages to also get the top screens as images (max 4, ~1-2k tokens each). Call get_screen for the full structure of one.

輸入參數limitquery必填offsetfiltersincludeImages

search_flows

Search flows

Search whole flows (ordered screen sequences) by intent, app or description. Then get_flow for the steps.

輸入參數limitqueryoffsetplatformflowIntents

search_emails

Search emails

Search real product emails (welcome, receipts, onboarding, re-engagement…) by description or brand. Each result is one email with its desktop and/or mobile image; when hasHtml is true, get_email_html returns the original HTML to adapt. Needs Pro.

輸入參數appIdlimitqueryoffsetflowIntents

get_email_html

Get email HTML

The original HTML of one email from search_emails (tables, font fallbacks, dark mode included). Adapt it to the user's brand instead of writing email HTML from scratch. Pro, or this week's free flows.

輸入參數emailId必填

search_apps

Search apps

Find apps in the catalog by name, website or theme ('nubank', 'linear.app', 'meditation').

輸入參數limitquery必填platform

get_app

Get app

Metadata for one app in the catalog. Accepts an appId or a slug like 'spotify'. get_app_flows lists its flows.

輸入參數appId必填

get_app_flows

Get app flows

The flows of one app (onboarding, checkout, settings…) in order, with capture date. Accepts an appId or slug. Big apps have hundreds of flows: page with offset. Then get_flow for the steps of one.

輸入參數appId必填limitoffset

similar_apps

Find similar apps

Apps like this one, ranked from the app's own flow themes. Accepts an appId or slug.

輸入參數appId必填

get_flow

Get flow

One flow with every step in order. Compact by default: each step has screenDocId (for get_screen), pageType, patterns, components and keyTexts. include 'elements' adds OCR/hotspot boxes per step (large: tens of thousands of tokens for a long flow); 'connections' adds step links.

輸入參數flowId必填include

get_flow_history

Get flow history

Earlier captures of the same flow (how it changed over time): capture date, screen count and up to 3 preview images each.

輸入參數flowId必填

similar_screens

Find similar screens

Screens that look like a given screen. Visual, not keyword — no quota. includeImages returns the top matches as images (max 4).

輸入參數limitscreenDocId必填includeImages

list_categories

List categories

The catalog's category rail for a platform, with the key list_apps filters by. Emails, games, store listings and ads have their own rails.

輸入參數platform

list_apps

List apps

Apps in the catalog, optionally filtered by category key (from list_categories) or platform. Platform `email` lists brands with email galleries.

輸入參數limitoffsetcategoryplatform

list_projects

List projects

The caller's projects, newest first.

無需輸入參數。

get_project

Get project

One project with its screens, positions and connections.

輸入參數projectId必填

版本歷史

1
  1. v1.0.0最新Nov 1, 2026

評分

已滿足適用檢查項的 83%

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

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

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

  • 授權條款不適用

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