网页抓取 MCP 推荐

通过 Apify actor 抓取社交媒体、商业数据与电商内容——附带 actor 目录自动更新工作流。适用场景：Twitter、Instagram、LinkedIn、TikTok、YouTube、Facebook、Google Maps、Amazon 抓取、Apify、更新 Apify actor、社媒抓取、线索生成、网页爬虫。

把原生 HTML select 下拉框迁移到 react-select 库，应用黑色背景主题并处理 onChange 事件签名的差异。

创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或为任意 Web UI 做样式美化）。生成富有创意、精致的代码与 UI 设计，避免千篇一律的 AI 审美。

面向 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 交互的任务。

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

json-render 的 React Email 渲染器，使用 @react-email/components 与 @react-email/render 将 JSON spec 转换为 HTML 或纯文本邮件。在使用 @json-render/react-email、从 JSON 构建事务性/营销邮件、创建邮件目录、渲染 AI 生成的邮件 spec，或用户提到 react-email、HTML 邮件、事务性邮件时使用。

在 Kibana 中使用 CodeQL——本地编写、测试与调试自定义查询，从 GitHub 拉取扫描结果，并校验内联抑制注释。在编写或调试 CodeQL 查询、运行 CodeQL 单元测试、分析 SARIF 结果、拉取扫描结果或校验 codeql 抑制理由时使用。

使用Nutrient DWS API处理、转换、OCR识别、提取、编辑、签名和填写文档。支持PDF、DOCX、XLSX、PPTX、HTML和图像格式。

面向 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 交互的任务。

安全评估与情报——网络侦察、Web 应用安全测试、提示注入测试、安全新闻监控与年度报告分析。适用场景：recon、侦察、端口扫描、子域名、DNS、WHOIS、ASN、netblock、CIDR、mass scan、路径发现、端点发现、公司结构、赏金计划、IP 侦察、域名侦察、被动侦察、Web 评估、OWASP、渗透测试、威胁建模、漏洞分析、ffuf、Playwright、Gemini 分析、提示注入、越狱、LLM 安全、护栏绕过、直接注入、间接注入、多阶段攻击、安全新闻、sec updates、数据泄露、tldrsec、安全研究、年度报告、威胁态势、安全趋势、厂商报告、抓取报告、列出来源。

通过 Apify actor 抓取社交媒体、商业数据与电商内容——附带 actor 目录自动更新工作流。适用场景：Twitter、Instagram、LinkedIn、TikTok、YouTube、Facebook、Google Maps、Amazon 抓取、Apify、更新 Apify actor、社媒抓取、线索生成、网页爬虫。

安全评估与情报——网络侦察、Web 应用安全测试、提示注入测试、安全新闻监控与年度报告分析。适用场景：recon、侦察、端口扫描、子域名、DNS、WHOIS、ASN、netblock、CIDR、mass scan、路径发现、端点发现、公司结构、赏金计划、IP 侦察、域名侦察、被动侦察、Web 评估、OWASP、渗透测试、威胁建模、漏洞分析、ffuf、Playwright、Gemini 分析、提示注入、越狱、LLM 安全、护栏绕过、直接注入、间接注入、多阶段攻击、安全新闻、sec updates、数据泄露、tldrsec、安全研究、年度报告、威胁态势、安全趋势、厂商报告、抓取报告、列出来源。

通过 Apify actor 抓取社交媒体、商业数据与电商内容——附带 actor 目录自动更新工作流。适用场景：Twitter、Instagram、LinkedIn、TikTok、YouTube、Facebook、Google Maps、Amazon 抓取、Apify、更新 Apify actor、社媒抓取、线索生成、网页爬虫。

从零开始或转换 PowerPoint 文件，做出视觉效果出色、动效丰富的 HTML 演示文稿。当用户想制作演示文稿、把 PPT/PPTX 转为网页，或为演讲、路演准备幻灯片时使用。帮助非设计背景的用户通过视觉探索找到自己的审美，而不是停留在抽象选择上。

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

使用 Nutrient DWS API 处理、转换、OCR、提取、编辑、签署文档及填写表单。支持 PDF、DOCX、XLSX、PPTX、HTML 和图像格式。

创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或为任意 Web UI 做样式美化）。生成富有创意、精致的代码与 UI 设计，避免千篇一律的 AI 审美。

创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或为任意 Web UI 做样式美化）。生成富有创意、精致的代码与 UI 设计，避免千篇一律的 AI 审美。

在用 React 组件创建 HTML 邮件模板时使用——欢迎邮件、密码重置、通知、订单确认、新闻简报或交易性邮件。

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

供希望从零学习 GitHub Copilot CLI 的用户使用。提供交互式分步教程，分为开发者与非开发者两条路线，并支持随时问答，说 "start tutorial" 或直接提问即可。注意：本 skill 仅面向 GitHub Copilot CLI，使用其专有工具（ask_user、sql、fetch_copilot_cli_documentation）。

打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 做样式美化）时使用此技能。生成富有创意、打磨精细的代码与 UI 设计，避免千篇一律的 AI 审美。

面向 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 交互的任务。

面向 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 的配置与排障时触发。