mcpField
L
Landingfolio

Landingfolio

Remote
landingfolio.comOther0Updated 1d ago

About Landingfolio

Landingfolio MCP connects an AI agent to Landingfolio’s gallery of real landing-page screenshots. It helps designers and developers find visual references for page sections or complete landing pages and save selected examples to a collection.

Key features

  1. 01Search section screenshots by description
  2. 02Browse component categories
  3. 03Open a visual section picker
  4. 04Retrieve full-page inspiration
  5. 05Save and manage a component collection

Use cases

  1. 01Find pricing sections matching a visual brief
  2. 02Reference testimonials when redesigning a page
  3. 03Choose sections visually before implementation
  4. 04Use a gallery page as a build reference

MCP support

The remote MCP server exposes tools for searching and retrieving screenshots, browsing and selecting components, and managing a Landingfolio collection. It connects to MCP clients over Streamable HTTP.

Configuration

Remote servers need no local install. Pick your client, then copy the config or install in one click.

Endpointhttps://mcp.landingfolio.com/mcp
Copy install command
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.

All endpoints
Streamable HTTPhttps://mcp.landingfolio.com/mcpAuth required

Tools

Details

From the project 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
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):

/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:

{
  "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" }
    }
  }
}

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

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.