Landingfolio

Landingfolio MCP

赋予你的 AI Agent 设计品味。 Landingfolio MCP 将 Landingfolio 图库接入 Claude Code、Cursor、Codex、Windsurf、VS Code 及其他 MCP 客户端。你的 Agent 可以获取 Hero 区块、定价表、客户评价、功能介绍、CTA、页脚、完整落地页和 OG 图片的真实截图，并以此为基础进行构建，而不是使用千篇一律的 AI 布局。

• 远程服务，无需安装：https://mcp.landingfolio.com/mcp（Streamable HTTP）
• 免费：每个令牌每天可获取 20 个组件。在 landingfolio.com/mcp 获取令牌。

安装

将 lf_YOUR_TOKEN 替换为你从 landingfolio.com/mcp 获取的令牌。

Claude Code

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

或作为插件使用（请先在 shell 中设置 LANDINGFOLIO_TOKEN）：

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

Cursor / Windsurf / 其他客户端

~/.cursor/mcp.json、~/.codeium/windsurf/mcp_config.json 或客户端的 MCP 配置：

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

Codex

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：

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

工具

工具	功能
list_categories	列出组件类别（Hero、定价、客户评价、功能介绍、CTA、页脚等）。
search_components	根据简单描述查找区块，例如“深色背景、包含 3 个档位的定价区块”。
get_components	获取某个类别中最新的组件截图，或你自己的收藏集。
pick_components	打开可视化选择器，供你挑选喜欢的区块。
get_components_by_id	根据选择器提供的代码加载你选中的区块。
get_inspiration_page	从图库获取一个完整落地页，供你参考构建。
get_og_images	获取 OG / 社交分享图片示例。
add_component	将一个区块保存到你的 Landingfolio 收藏集。
list_my_components	列出你收藏集中的区块。
delete_component	从你的收藏集中移除一个区块。

提示词示例

• “为我的 SaaS 构建一个 Hero 区块。使用 Landingfolio 获取灵感。”
• “帮我找 3 个深色背景的客户评价区块，并按那种风格重做我们的区块。”
• “打开 Landingfolio 选择器，我来挑选喜欢的定价表。”

隐私

隐私政策：https://www.landingfolio.com/legal/privacy-policy

服务仅返回公开 Landingfolio 图库中的截图和元数据。为保障免费套餐的正常使用，工具调用会按账户记录。你的项目中的代码、提示词或文件都不会传到 Landingfolio。

链接

• 网站：https://www.landingfolio.com/mcp
• 支持：[email protected]