Your coding agent can write a hero section. It just can't design one. Plug LandingFolio into Claude Code or Cursor and your agent pulls real screenshots from the best landing pages on the web. Hero sections, pricing tables, testimonials. It uses them as reference while it builds yours.
claude mcp add --transport http landingfolio https://mcp.landingfolio.com/mcp --header "Authorization: Bearer lf_YOUR_TOKEN"
Run this in your terminal. Your agent can now browse 4,600+ components for inspiration.
Find components
Build from a page
OG images
› Find OG image inspiration for our SaaS launch
⏺ landingfolio · get_og_images({ industry: "saas" })
✓ 12 OG images · saas · page 1
+ og:title, og:description and a source link for each · 12 per page
next_steps
Your collection
› Find OG image inspiration for our SaaS launch
⏺ landingfolio · get_og_images({ industry: "saas" })
✓ 12 OG images · saas · page 1
+ og:title, og:description and a source link for each · 12 per page
next_steps
› Explore directions for our pricing section
✓ design-explorations/pricing.html
Three to six directions for one section, side by side, built from real landing pages.
› Audit https://yoursite.com
✓ Critical 2 · Major 5 · Minor 4
A design audit of any landing page, ranked by severity and benchmarked against real ones.
› Write a DESIGN.md from https://yoursite.com
✓ DESIGN.md
Your site’s colors, type, spacing and components, written down in a DESIGN.md.
Watch your agent pull real landing-page screenshots as it builds.