网页抓取 MCP 推荐

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

面向 TypeScript 与 JavaScript 开发者（Node.js 与浏览器）的 CCXT 加密货币交易所库。同时覆盖 REST API（标准）与 WebSocket API（实时）。帮助安装 CCXT、连接交易所、获取行情、下单、流式接收 ticker/订单簿、处理鉴权与管理错误。适用于在 TypeScript/JavaScript 项目中对接加密货币交易所、交易机器人、套利系统或投资组合管理工具。包含 REST 与 WebSocket 示例。

在本地浏览器画布中打开计划与 HTML 产物，人可以在同一页面上标注元素、聊天并批准或要求修改。在展示计划供评审，或像“把这个挪一下、那个改一下”这类用指比用打字更方便的反馈时使用。

使用 firecrawl 与 exa MCP 进行多源深度研究。检索网页、综合发现，并交付带有来源归属的引用报告。在用户需要对任意主题做有证据、有引用的彻底研究时使用。

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

在编写 E2E 测试之前，使用本仓库的 Components 示例在浏览器中交互式验证 Blazor 特性或行为。用于：在 src/Components 中演练某项 Blazor 改动（渲染模式行为、交互组件、增强导航、表单、流式渲染、预渲染），决定选用哪个示例、在哪添加测试页面、如何设置渲染模式（Server/WebAssembly/Auto/静态 SSR）、如何确认应用真的处于交互状态（而非纯静态 SSR），以及如何检查浏览器控制台与网络错误。覆盖 BlazorWebAppGlobal、BlazorWebAppPerPage 与 BlazorWebAssemblyStandalone，针对仓库内的框架启动，并用 Playwright MCP 浏览器工具驱动。不适用于编写正式的 E2E/Selenium 或单元测试、非 Components 领域、对比方案调研，或在没有 Blazor 特性需要验证时仅做原生浏览器 API/HTML/CSS 的孤立实验——后者用最小化的浏览器探测即可。

在 PixiJS v8 中渲染文本时使用。覆盖 Text（画布级高质量样式文本）、BitmapText（基于字形图集的低成本逐帧更新）、HTMLText（通过 SVG 渲染 HTML/CSS 标记），以及用于逐字符动画的 SplitText 和 SplitBitmapText，还包括 TextStyle、tagStyles、构造选项、TextOptions、HTMLTextOptions、BitmapText、SplitTextOptions、SplitBitmapTextOptions。触发词：Text、BitmapText、HTMLText、SplitText、SplitBitmapText、TextStyle、HTMLTextStyle、BitmapFont.install、tagStyles、fontFamily、wordWrap。

开发 Trilium 移动应用（apps/mobile，基于 Capacitor 的 Android/iOS）或仅在应用内运行的专用代码路径时使用：capacitor:// 与 https://localhost 的请求路由、iOS 的 fetch/XHR/图片/样式表拦截器、Android 原生流式 HTTP 代理（TriliumWebViewClient）、NativeHttpHandler 同步传输、MainActivity/ViewController 的 WebView 调整（edge-to-edge、键盘），以及客户端中的 isMobileApp() 门控和移动端 CI/夜间构建。当评审涉及这些文件的 diff 时也应加载，以免把仅在 iOS 生效的代码误判为死代码。

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

官方 CCXT MCP（Model Context Protocol）服务器——让 AI 代理连接 100+ 加密货币交易所与预测市场，进行行情、余额与可选的交易操作。涵盖在 Claude Desktop/Code、Cursor、VS Code 及其他 MCP 宿主中安装服务器；配置命名账户与 API key（保存在本地，模型永远接触不到）；能力分层与安全护栏；sandbox/testnet 交易；以及如何驱动这些工具。当用户希望代理跨交易所获取价格/订单簿/K 线、查看余额/挂单/持仓、下单或撤单，或探索预测市场时使用。

本仓库的 Codacy Cloud 工作流——在 `git push` 前本地运行 Codacy 分析器（对齐 Codacy CI 行为），并经 v3 API 拉取/聚类任意 PR 的 Codacy 问题。当用户提到 Codacy、「codacy analysis」、`codacy-analysis-cli`、「codacy issues on PR」「fix codacy CI」「codacy markdownlint findings」，或 netdata-org PR 上任何 Codacy 门禁失败时使用。附带脚本 analyze-local.sh（codacy-analysis-cli 的 docker/二进制运行器）与 pr-issues.sh（分页 v3 问题拉取 + 按工具/模式/严重级/文件分组）。令牌安全——CODACY_TOKEN 绝不进入助手可见的 stdout。按设计只读；写操作（标记误报、标记已修复）需要 GitHub issue 或分支本地 SOW。

在本地浏览器画布中打开计划与 HTML 产物，人可以在同一页面上标注元素、聊天并批准或要求修改。在展示计划供评审，或像“把这个挪一下、那个改一下”这类用指比用打字更方便的反馈时使用。

只要代码会构建、返回、拉取或执行针对用户真实 Postgres 数据库的 SQL，就使用本 skill——即使需求读起来像普通功能或 bug 修复，完全没提“security”“injection”或“SafeSqlFragment”。覆盖：编写或修改任何构造/返回数据库对象（表、视图、函数、DB 触发器、索引、RLS 策略）SQL 的 pg-meta 函数、查询构造器或接口；把 schema/表/列/搜索词/路由参数插入 SQL 文本；存储、读取或重跑从数据库往返的 SQL（策略定义、函数/视图定义、片段保存内容）；以及任何把 SQL 发到项目库的 Run/Apply/Execute 动作（SQL 编辑器执行选中、策略编辑器应用、片段执行器）。在动手写这类代码前就要加载，不要只在评审成品 diff 时才用。仅在改动完全不涉及 SQL 文本或执行时跳过——样式、无关的数据 hook、非 SQL 表单校验或 UI 布局工作。

Supabase Studio 数据获取的 React Query 规范。在 apps/studio/data/ 下编写或评审 query hook、mutation hook 或 query key 时使用，包括为新接口或资源加首个 fetch 或 mutation。涵盖 queryOptions 模式、keys.ts 结构、mutation hook 模板与命令式 fetch。

Tailwind CSS 的官方 daisyUI 组件库技能。当你编写 HTML 或 JSX 代码时必须使用它；即使用户没有要求也应使用。

综合设计 skill：品牌识别、设计 token、UI 风格、logo 生成（55 种风格，可用 Gemini、Atlas Cloud 或 MuAPI AI）、企业识别系统（50 项交付物、CIP 样机）、HTML 演示（Chart.js）、banner 设计（22 种风格，社交/广告/网页/印刷）、图标设计（15 种风格，SVG，Gemini 3.1 Pro）、社交图片（HTML 转截图、多平台）。动作：设计 logo、制作 CIP、生成样机、做 slides、设计 banner、生成图标、制作社交图片/社媒图、品牌识别、设计体系。平台：Facebook、Twitter、LinkedIn、YouTube、Instagram、Pinterest、TikTok、Threads、Google Ads。

以 Atelier Zero 视觉语言（Monocle / Apartamento / Études 编辑式拼贴）产出世界级的单页编辑型落地站——即 OpenDesign 自家营销页面所用的同一美学。代理从品牌简报填充类型化 `inputs.json`，可选经 gpt-image-2 生成 16 张拼贴素材，再由纯函数 compose 器输出自包含 HTML 文件。滚动显影动效与 Headroom 式吸顶导航自动装配。

当任务受益于 AI 生成的位图视觉（照片、插画、纹理、精灵图、样机、透明背景抠图）时生成或编辑位图图像。当 Codex 需要新建图像、变换既有图像或从参考衍生视觉变体，且产物应为位图素材而非仓库内的代码或矢量图时使用。若更适合编辑现有 SVG/矢量/代码原生资产、扩展既有图标或 logo 体系、或直接在 HTML/CSS/canvas 里画视觉，则不要使用。

用 LobeHub 真实设计系统（@lobehub/ui + antd + antd-style token）与生产风格 React 产出可交互的单文件 HTML 设计原型，无需构建步骤，浏览器直接打开。当被要求为某个页面或流程出设计原型/可交互 mockup/交互原型/设计稿 HTML，或在投入实现前探索重设计时使用。

制作一次性的 HTML 原型：生成 2-3 个设计变体用于对比。

将沉重的领域功能拆解为可挂载的能力原子。适用场景：Viewer/Page/index.tsx 同时承担取数、筛选、变更、弹窗与宿主集成；可视化拆分后页面仍残留 store 调用与 action；portal、嵌入、分享、移动端或微应用需要同一领域的子集；或新能力正以又一个 `readOnly`/`mode`/`variant` 标志落地。触发词：compose-atoms、sink state、状态下沉、重业务拆分、拆成原子、原子组件、组装、god component、fat viewer、module graph、slot composition、host seam。

当需要查找、读取、列出、搜索、查看、拉取、导出或重建跨 Codex、Claude Code/Desktop、OpenCode、OMO/Senpi/pi、oh-my-pi (omp)、gajae-code (gjc)、OpenClaw、Factory Droid、Amp、Gemini/Kimi/Qwen CLI、Codebuff、Roo/Kilo/Cline、Kodu、Cursor CLI、Aider、Aside 浏览器 agent 会话或未知本地 agent 日志时务必使用。覆盖 transcript、会话 ID、rollout JSONL、state SQLite、Claude projects/pre-compact 历史、OpenCode messages/parts、子/subagent 关联、cwd/model/时间/token 过滤、归档与成本线索。会把模糊回忆展开为并行查询通道，并先探测已知存储，从而低成本跳过不存在的平台。触发词：coding agent sessions、Codex/Claude/OpenCode/OMO/Senpi/pi/oh-my-pi/omp/gajae-code/gjc/OpenClaw/Droid/Amp/Kodu/Cursor/Aider/Aside sessions、transcript search、session history、session ID、read transcript、token usage、subagent sessions、what did I do yesterday、did we already do this。

使用 Python 版 IBM Equal Access 扫描器（scripts/a11y/a11y_scan.py）批量扫描 Langflow 前端路由的无障碍问题，输出 JSON/Markdown/HTML 报告。仅扫描每个路由的默认加载状态（弹窗需显式提供状态文件）。当被要求扫描单个或多个路由、为页面生成无障碍报告或批量检查静态路由时使用。只报告问题——不修复代码、不运行 Playwright/axe 测试、不做正式 Level 1 审计；这些场景见 ibm-a11y-testing-guide、ibm-a11y-level1-audit 与 ibm-a11y-pr-remediation。

扫描代码库寻找模块加深机会，以可视化 HTML 报告呈现，然后针对你选中的那一项进行连环拷问式推演。

在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、配音、音频反应视觉与场景转场。当需要构建任何基于 HTML 的视频内容、添加与音频同步的字幕、生成语音旁白、创建音频反应动画（节拍同步、随音乐律动的辉光/脉冲）、添加文字高亮动画（马克笔扫过、手绘圆圈、爆裂线条、涂鸦、草图描出）或场景间转场（交叉淡入淡出、擦除、揭示、着色器转场）时使用。涵盖合成编排、时序、媒体与完整视频制作工作流。CLI 命令（init、lint、preview、render、transcribe、tts）参见 hyperframes-cli 技能。

在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、配音、音频反应视觉与场景转场。当需要构建任何基于 HTML 的视频内容、添加与音频同步的字幕、生成语音旁白、创建音频反应动画（节拍同步、随音乐律动的辉光/脉冲）、添加文字高亮动画（马克笔扫过、手绘圆圈、爆裂线条、涂鸦、草图描出）或场景间转场（交叉淡入淡出、擦除、揭示、着色器转场）时使用。涵盖合成编排、时序、媒体与完整视频制作工作流。CLI 命令（init、lint、preview、render、transcribe、tts）参见 hyperframes-cli 技能。

为任意 HTML 制品套上一个侧边面板，提供实时参数化控件——主色、字号阶梯、密度、动效、主题——实时改写 CSS 自定义属性并持久化到 localStorage。让用户无需重新提示代理即可探索设计变体。当需求提到「variants」「side-by-side options」「tweak this」「let me adjust」「live knobs」或「实时调参」时使用。

为任意 HTML 制品套上一个侧边面板，提供实时参数化控件——主色、字号阶梯、密度、动效、主题——实时改写 CSS 自定义属性并持久化到 localStorage。让用户无需重新提示代理即可探索设计变体。当需求提到「variants」「side-by-side options」「tweak this」「let me adjust」「live knobs」或「实时调参」时使用。

对项目中的任意 HTML 制品执行 5 维专家设计评审——理念 / 视觉层级 / 细节 / 功能性 / 创新性，每项 0–10 分。输出一份自包含 HTML 报告，含雷达图、有证据支撑的分数，以及三个清单：保留 / 修复 / 快速改进。当需求要求「design review」「design critique」「5 维度评审」「design audit」或「我的设计哪里有问题」时使用。

以 Live Artifact 渲染的 Notion 风格团队仪表盘。单页自包含 HTML 仪表盘，含 KPI、7 日迷你折线、实时活动流与关联数据库任务表——经由 Composio 连接器目录接入 Notion。按需及打开制品时刷新。未绑定连接器时回退到内置模拟数据，离线、截图与选择器预览中均可工作。

用于创建精致的多组件 claude.ai HTML 制品的工具集，采用现代前端技术（React、Tailwind CSS、shadcn/ui）。

使用 React 与 Tailwind 构建复杂的 claude.ai HTML 制品。Anthropic 的参考工作流，用于交付可嵌入的丰富制品。

在页面内以像素级精确的 iPhone 15 Pro 边框中渲染的移动应用界面。通过复制种子文件 `assets/template.html` 并粘贴 `references/layouts.md` 中的一种界面原型构建。当需求提到「mobile app」「iOS app」「Android app」「phone screen」或「app UI」时使用。

生成带动画丰富度与视觉样式预览的 HTML 演示文稿。适用于在线主题演讲、嵌入式演讲与交互式简报。

创建具有独特风格、生产级质量的前端界面：强视觉主张、精致排版、考究布局，并交付可运行的 HTML/CSS/JS 或框架代码。适用于网站、落地页、仪表盘、React 组件、应用界面与 UI 美化。

将静态 HTML 页面与资源目录发布到 Paperclip 的 S3/CloudFront 页面托管。当被要求不借助 here.now 部署、托管或分享一个持久页面、查看器、原型、报表或静态站点时使用。

使用 Nutrient DWS API 处理、转换、OCR、提取、脱敏、签署和填写文档。支持 PDF、DOCX、XLSX、PPTX 和图像。适用于通过 Nutrient DWS API 转换、OCR、提取、脱敏、签署或填写文档时。

当任务需要 AI 生成的位图视觉时，生成或编辑位图图像，如照片、插画、纹理、精灵图、mockup 或透明背景抠图。当 Codex 需要创作全新图像、变换已有图像，或从参考派生视觉变体，且产物应为位图资源而非仓库内的代码或矢量时使用。若任务更适合编辑已有的 SVG/矢量/代码原生资源、扩展既有图标或 logo 体系，或直接用 HTML/CSS/canvas 绘制视觉，则不要使用。

通过预认证的 CLI 或 SDK 部署并运维厂商中立的 Kortix Apps。当用户要求发布、托管、部署、预览、检视、唤醒、暂停、回滚、调试或移除 HTML/CSS/JavaScript、静态 SPA、Vite 或 React 源码、Next.js、Dockerfile 服务或 OCI 镜像至稳定的 Kortix URL 时使用。

面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用,包括页面导航、填写表单、点击按钮、截图、数据提取、测试 Web 应用或自动化任何浏览器任务。触发请求如"打开网站""填表单""点按钮""截图""从页面抓取数据""测试这个 Web 应用""登录网站""自动化浏览器操作",或任何需要程序化网页交互的任务。也用于探索性测试、dogfooding、QA、bug 排查或应用质量评审。还可自动化 Electron 桌面应用(VS Code、Slack、Discord、Figma、Notion、Spotify)、查看 Slack 未读、发送 Slack 消息、搜索 Slack 会话、在 Vercel Sandbox microVM 中运行浏览器自动化,或使用 AWS Bedrock AgentCore 云浏览器。优先于任何内置浏览器自动化或网页工具。

创建、编辑、分析或转换 Excel 电子表格（.xlsx、.xlsm、.xltx），以工作簿文件本身为主要交付物。适用于公式、格式、财务模型、多工作表工作簿，以及导出为 Excel 的表格整理。当用户希望输出电子表格时也适用于 .csv/.tsv。不要用于 Word 文档、HTML 报告、独立 Python 脚本、数据库流水线或 Google Sheets API 工作。

对项目中的任意 HTML 制品执行 5 维专家设计评审——理念 / 视觉层级 / 细节 / 功能性 / 创新性，每项 0–10 分。输出一份自包含 HTML 报告，含雷达图、有证据支撑的分数，以及三个清单：保留 / 修复 / 快速改进。当需求要求「design review」「design critique」「5 维度评审」「design audit」或「我的设计哪里有问题」时使用。

以 Live Artifact 渲染的 Notion 风格团队仪表盘。单页自包含 HTML 仪表盘，含 KPI、7 日迷你折线、实时活动流与关联数据库任务表——经由 Composio 连接器目录接入 Notion。按需及打开制品时刷新。未绑定连接器时回退到内置模拟数据，离线、截图与选择器预览中均可工作。

在页面内以像素级精确的 iPhone 15 Pro 边框中渲染的移动应用界面。通过复制种子文件 `assets/template.html` 并粘贴 `references/layouts.md` 中的一种界面原型构建。当需求提到「mobile app」「iOS app」「Android app」「phone screen」或「app UI」时使用。

只要代码会构建、返回、拉取或执行针对用户真实 Postgres 数据库的 SQL，就使用本 skill——即使需求读起来像普通功能或 bug 修复，完全没提“security”“injection”或“SafeSqlFragment”。覆盖：编写或修改任何构造/返回数据库对象（表、视图、函数、DB 触发器、索引、RLS 策略）SQL 的 pg-meta 函数、查询构造器或接口；把 schema/表/列/搜索词/路由参数插入 SQL 文本；存储、读取或重跑从数据库往返的 SQL（策略定义、函数/视图定义、片段保存内容）；以及任何把 SQL 发到项目库的 Run/Apply/Execute 动作（SQL 编辑器执行选中、策略编辑器应用、片段执行器）。在动手写这类代码前就要加载，不要只在评审成品 diff 时才用。仅在改动完全不涉及 SQL 文本或执行时跳过——样式、无关的数据 hook、非 SQL 表单校验或 UI 布局工作。

Supabase Studio 数据获取的 React Query 规范。在 apps/studio/data/ 下编写或评审 query hook、mutation hook 或 query key 时使用，包括为新接口或资源加首个 fetch 或 mutation。涵盖 queryOptions 模式、keys.ts 结构、mutation hook 模板与命令式 fetch。

适用于所有 Streamlit 任务：创建、编辑、调试、美化、样式、主题、优化或部署 Streamlit 应用；也包括自定义组件、st.components.v2 以及 HTML/JS/CSS 工作。会从用户安装的 Streamlit（>=1.57）发现并加载版本匹配的参考文档。触发词：streamlit、st.、dashboard、app.py、beautify、style、CSS、color、background、theme、button、widget styling、custom component、st.components、CCv2、session state、performance、cache、fragment、slow rerun、deploy。

当电子表格文件是主要输入或输出时使用：打开、读取、编辑或修复现有 .xlsx、.xlsm、.xltx、.csv、.tsv 文件（如加列、计算公式、格式化、图表、清洗数据）；从零或其他数据源新建表格；在表格格式之间转换。用户按名称或路径引用表格文件并提出处理要求时同样触发，也包括把结构混乱的表格数据（错位表头、脏数据）整理为规范表格。交付物必须是表格文件；当主要交付物是 Word 文档、HTML 报告、独立 Python 脚本、数据库管道或 Google Sheets API 集成时不要触发。