Frontpages

Frontpages 是一个专注于收集互联网上优秀“落地页”设计的在线资源站。被誉为“免费版的 Mobbin”，它每日更新来自全球各地的精选落地页首屏设计，为设计师、开发者和产品经理提供即时的视觉参考与灵感来源。其最大特色在于原生支持 MCP (Model Context Protocol)，允许用户通过 AI 助手直接检索和探索设计案例。

核心亮点

• 聚焦 Hero Section：
  专门收录网站最具视觉冲击力的首屏区域，涵盖 SaaS、电商、个人作品集等多种类型，帮助用户快速捕捉当下的设计趋势。
• 每日新鲜更新：
  保持内容的高时效性，确保用户看到的都是最新、最前沿的设计实践，而非过时的案例。
• AI 原生集成 (MCP)：
  通过标准的 MCP 协议，Frontpages 将设计库转化为 AI 可理解的知识源。用户无需手动浏览网页，只需向支持 MCP 的 AI 助手（如 Claude Desktop, Cursor 等）提问，即可获取精准的设计灵感推荐。

如何通过 AI 使用 Frontpages

Frontpages 提供了一个公开的 MCP 端点，让 AI 能够实时访问其设计数据库。

1. 获取 MCP 端点

https://ecagaenecamdrvwcsuaz.supabase.co/functions/v1/mcp-server

2. 配置步骤

1. 复制 URL：复制上述 MCP 服务器地址。
2. 添加至 AI 助手：在你的 AI 客户端（如 Claude Desktop, Cursor, Windsurf 等）的设置中，找到 MCP Servers 配置项，添加一个新的远程 HTTP 服务器并粘贴 URL。
3. 开始对话：配置完成后，重启或刷新 AI 会话。

3. 示例提示词

你可以这样向 AI 提问：

• “帮我从 Frontpages 找几个深色模式的 SaaS 落地页 Hero Section 参考。”
• “我想做一个环保主题的网站，Frontpages 里有哪些相关的优秀首屏设计？”
• “分析一下最近 Frontpages 上流行的排版趋势。”

适用人群

• UI/UX 设计师：在项目启动阶段快速寻找视觉对标和灵感。
• 前端开发者：参考优秀的布局结构和交互细节。
• 产品经理：了解竞品或行业标杆的落地页呈现方式。
• AI 爱好者：体验 MCP 协议如何打破数据孤岛，让 AI 成为真正的设计助理。