Agent Skills
返回列表
🎨

网页转图片助手

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/html-to-image-automation。

技能介绍

要解决什么问题

把网页或 HTML 渲染成图片,常见于分享预览、归档、自动化报告或设计验收。若每次都在浏览器里手动截图,或自己维护无头浏览器与排版逻辑,成本高且难接入 Agent 工作流。本技能把 Composio Html To Image 工具包经 Rube MCP 暴露给模型,让「发现工具 → 确认连接 → 按 schema 执行」成为固定套路。

技能如何工作

前提是你的 MCP 客户端已接入 Rube(https://rube.app/mcp),且能通过 RUBE_SEARCH_TOOLS 响应。与 Html To Image 相关的实际操作都走 Rube 的统一入口:

  1. 工具发现:每次执行前先 RUBE_SEARCH_TOOLS,拿到当前 tool slug、输入 schema、推荐执行顺序和已知坑,不要硬编码工具名或参数。
  2. 连接管理:用 RUBE_MANAGE_CONNECTIONS,toolkit 设为 html_to_image;若非 ACTIVE,按返回的授权链接完成绑定后再跑流程。
  3. 执行:通过 RUBE_MULTI_EXECUTE_TOOL 调用发现到的工具;调用时需带上 memory 参数(可为空对象 {})。同一条工作流内复用 session ID,新工作流再新建 session。

批量或脚本化场景可用 RUBE_REMOTE_WORKBENCH 配合 run_composio_tool();需要完整 schema 时可查 RUBE_GET_TOOL_SCHEMAS(含 schemaRef 的工具)。工具包文档见 composio.dev/toolkits/htmlto_image。

适用边界与注意点

  • 依赖 Rube MCP 在线 与 htmltoimage 连接为 ACTIVE;未连上时任何执行都会失败。
  • Tool schema 可能变更,必须先 search 再 execute,并严格按返回字段名与类型传参。
  • 若 API 响应带分页 token,需循环拉取直到结束,避免只拿到第一页结果。

使用场景

  • 对话式 Agent 收到落地页 URL,需按 Composio 工具 schema 渲染成 PNG 供用户预览或转发
  • 设计验收时要把多份 HTML 模板或线上页面批量转成图片,便于并排对比而不逐页手动截图
  • 在 Rube 远程工作台里用 `run_composio_tool()` 串联 html_to_image,完成定时或批量的页面出图
  • 自动化报告或通知流程中,将邮件/文档里的 HTML 片段转成静态图片再嵌入下游系统

适合人员

  • 负责把 Rube MCP 与 Composio 接进 Agent 客户端、需稳定走「发现工具—校验连接—执行」流程的集成工程师
  • 每周要按多个活动页 URL 产出统一尺寸预览图、交给设计或渠道同事的运营
  • 在 CI 或内部工具链里把 HTML 报告页自动渲染成图片归档的 DevOps / 平台同学
  • 维护多租户 Composio 连接、需确保 html_to_image 为 ACTIVE 再跑工作流的后端或自动化维护者