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 分