Landingfolio

io.github.dannypostma由 GitHub 帳號 dannypostma 發布v1.0.0更新於 Nov 1, 2026

Real landing-page design inspiration: hero, pricing, testimonial and feature section screenshots.

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

概覽

AI 產生的概覽

Landingfolio MCP 讓 AI 助理搜尋並取得真實的著陸頁區塊截圖（首屏、定價、評價等），作為設計參考。

可以做什麼
  • 瀏覽與搜尋素材庫：列出元件分類、用自然語言描述尋找區塊、取得某分類下最新的截圖。
  • 視覺化挑選：開啟視覺化選擇器挑選區塊，再用選擇器提供的代碼載入所選區塊。
  • 取得整頁與社群圖：取回完整的著陸頁範例以及 OG／社群分享圖片。
  • 管理個人收藏：儲存區塊、列出收藏內容、刪除收藏中的區塊。
適用情境
適合助理在製作或改版著陸頁時，以真實、當下的設計案例而非通用 AI 版式為基礎來工作。適用於 Claude Code、Cursor、Windsurf、VS Code、Codex 等 MCP 用戶端的前端與行銷頁面工作。
執行需求
遠端 Streamable HTTP 端點 mcp.landingfolio.com，無需安裝。需在 Authorization 標頭提供 bearer 權杖（格式為 Bearer lf_...），可於 Landingfolio 網站免費取得。免費額度為每個權杖每天 20 次元件取得。
安裝前請注意
權杖屬於憑證，會透過 Authorization 標頭傳送，請勿寫入共用設定或程式碼儲存庫。免費額度為每個權杖每天 20 次元件取得。儲存與刪除區塊會變更你的 Landingfolio 收藏。工具呼叫會依帳號記錄日誌，但伺服器聲明不會上傳專案程式碼、提示詞或檔案。

安裝

在 SourceWeft 中

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

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

交給代理程式安裝

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

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

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

其他 MCP 客戶端

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

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

README

Landingfolio MCP

Give your AI agent design taste. Landingfolio MCP plugs the Landingfolio gallery into Claude Code, Cursor, Codex, Windsurf, VS Code and any other MCP client. Your agent pulls real screenshots of hero sections, pricing tables, testimonials, features, CTAs, footers, full landing pages and OG images, and builds from them instead of generic AI layouts.

[Landingfolio MCP]

  • Remote server, nothing to install: https://mcp.landingfolio.com/mcp (Streamable HTTP)
  • Free: 20 component fetches a day per token. Get a token at landingfolio.com/mcp.

Install

Replace lf_YOUR_TOKEN with your token from landingfolio.com/mcp.

Claude Code

bash
claude mcp add --transport http landingfolio https://mcp.landingfolio.com/mcp --header "Authorization: Bearer lf_YOUR_TOKEN"

Or as a plugin (set LANDINGFOLIO_TOKEN in your shell first):

bash
/plugin marketplace add dannypostma/landingfolio-mcp/plugin install landingfolio@landingfolio

Cursor / Windsurf / other clients

~/.cursor/mcp.json, ~/.codeium/windsurf/mcp_config.json, or your client's MCP config:

json
{  "mcpServers": {    "landingfolio": {      "url": "https://mcp.landingfolio.com/mcp",      "headers": { "Authorization": "Bearer lf_YOUR_TOKEN" }    }  }}

Codex

bash
export LANDINGFOLIO_TOKEN="lf_YOUR_TOKEN"codex mcp add landingfolio --url https://mcp.landingfolio.com/mcp --bearer-token-env-var LANDINGFOLIO_TOKEN

VS Code

.vscode/mcp.json:

json
{  "servers": {    "landingfolio": {      "type": "http",      "url": "https://mcp.landingfolio.com/mcp",      "headers": { "Authorization": "Bearer lf_YOUR_TOKEN" }    }  }}

Tools

ToolWhat it does
list_categoriesLists the component categories (hero, pricing, testimonials, features, CTA, footer, …).
search_componentsFinds sections from a plain description, like "dark pricing with 3 tiers".
get_componentsGets the newest component screenshots in a category, or your own collection.
pick_componentsOpens a visual picker where you choose the sections you like.
get_components_by_idLoads the sections you picked, by the code the picker gives you.
get_inspiration_pageGets a full landing page from the gallery to build from.
get_og_imagesGets OG / social share image examples.
add_componentSaves a section to your Landingfolio collection.
list_my_componentsLists the sections in your collection.
delete_componentRemoves a section from your collection.

Example prompts

  • "Build a hero for my SaaS. Use Landingfolio for inspiration."
  • "Find me 3 testimonial sections with a dark background and redo ours in that style."
  • "Open the Landingfolio picker, I'll choose pricing tables I like."

Privacy

Privacy policy: https://www.landingfolio.com/legal/privacy-policy

The server only returns screenshots and metadata from the public Landingfolio library. Tool calls are logged per account to keep the free tier healthy. No code, prompts or files from your project reach Landingfolio.

Links

來源：README.md，提交 d8a7d8c

工具

0
該伺服器需要 API 金鑰等憑證，因此 SourceWeft 無法在沒有憑證的情況下讀取其工具，也未收錄。

版本歷史

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

評分

已滿足適用檢查項的 85%

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

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

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

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