网页抓取 MCP 推荐

面向 AI Agent 的浏览器自动化 CLI。当用户需要与网站交互时使用，包括打开页面、填写表单、点击按钮、截图、抽取数据、测试 Web 应用或自动化任意浏览器任务。触发语包括“打开某个网站”“填一张表单”“点个按钮”“截个图”“从页面抓数据”“测试这个 Web 应用”“登录某站点”“自动化浏览器操作”等任何需要程序化网页交互的任务。

设计并实现具有鲜明美学方向、可直接上线的前端界面。在需要新建或改版网页、组件或应用（HTML/CSS/JS、React、Vue 等）时使用。

面向 AI 代理的浏览器自动化 CLI。当用户需要与网站交互时使用，包括页面导航、表单填写、按钮点击、截图、数据提取、Web 应用测试或任何浏览器任务自动化。触发场景包括“打开网站”“填写表单”“点击按钮”“截图”“从页面抓取数据”“测试这个 Web 应用”“登录网站”“自动化浏览器操作”，或任何需要程序化网页交互的任务。

UI/UX 设计智能库：50 种风格、21 套色板、50 组字体搭配、20 种图表、9 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。动作：规划、构建、创建、设计、实现、审查、修复、优化、增强、重构、检查 UI/UX 代码。项目类型：网站、落地页、仪表盘、后台管理、电商、SaaS、作品集、博客、移动应用、.html、.tsx、.vue、.svelte。元素：按钮、弹窗、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃拟态、黏土拟态、极简、粗野主义、新拟态、便当格、暗色模式、响应式、拟物、扁平。主题：色板、无障碍、动效、布局、排版、字体搭配、间距、hover、阴影、渐变。集成：通过 shadcn/ui MCP 检索组件与示例。

创建具有高设计品质、独特且生产级的前端界面。当用户要求构建 Web 组件、页面、制品、海报或应用时使用（如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任何 Web UI 做样式/美化）。产出有创意、精致、避免 AI 通用美学的代码与 UI 设计。

具有持久页面状态的浏览器自动化。当用户要求浏览网站、填写表单、截图、提取网页数据、测试 Web 应用或自动化浏览器工作流时使用。触发短语包括 "go to [url]"、"click on"、"fill out the form"、"take a screenshot"、"scrape"、"automate"、"test the website"、"log into",或任何浏览器交互请求。

创建具有高设计品质、独特且生产级的前端界面。当用户要求构建 Web 组件、页面、制品、海报或应用时使用（如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任何 Web UI 做样式/美化）。产出有创意、精致、避免 AI 通用美学的代码与 UI 设计。

面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用，包括浏览页面、填写表单、点击按钮、截图、提取数据、测试 Web 应用或自动化任何浏览器任务。触发请求如“open a website”“fill out a form”“click a button”“take a screenshot”“scrape data from a page”“test this web app”“login to a site”“automate browser actions”，或任何需要程序化 Web 交互的任务。

figma

使用 Figma MCP 服务器获取设计上下文、截图、变量与素材，并把 Figma 节点翻译为可上线代码。当任务涉及 Figma URL、节点 ID、设计到代码的实现，或 Figma MCP 的配置与排障时触发。