Agent Skills
返回列表
📁

网页图片助手

办公效率 更新于 2026.08.30

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

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

技能介绍

要解决什么问题

把 HTML 页面或片段转成图片,常见于分享预览、归档快照、自动化报告封面等场景。若每次都在浏览器里手动截图,或自己维护无头浏览器与渲染栈,成本高且难接入 Agent 工作流。本技能通过 Rube MCP 对接 Composio 的 Html To Image 工具包,让大模型在对话里按统一协议完成「发现工具 → 校验连接 → 执行转换」。

技能如何工作

执行任何 Html To Image 相关操作前,应先调用 RUBE_SEARCH_TOOLS 获取当前工具 slug、输入 schema 与推荐执行计划,避免硬编码已变更的接口。

典型流程分三步:

  • 发现工具:用与 Html To Image 相关的用例检索可用工具
  • 检查连接:通过 RUBE_MANAGE_CONNECTIONS 指定 toolkit html_to_image,确认状态为 ACTIVE;若非活跃,按返回的授权链接完成绑定
  • 执行转换:使用 RUBE_MULTI_EXECUTE_TOOL,字段名与类型须与搜索结果一致;调用时 memory 参数必填(可为空对象 {}),同一次工作流内复用 session ID

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

适用边界与注意点

  • 客户端须已配置 Rube MCP(https://rube.app/mcp),且 RUBE_SEARCH_TOOLS 可用
  • 未 ACTIVE 前不要执行工具;分页响应需按 token 拉取直至结束
  • 新工作流应使用新的 session ID,勿与旧会话混用
  • 本技能描述的是 MCP 侧编排方式,具体渲染参数与配额以 Composio 工具包当前 schema 为准

使用场景

  • Agent 工作流里要把邮件或 CMS 导出的 HTML 片段渲染成 PNG,用于 Slack/飞书卡片预览
  • 批量把多份 HTML 报告页转成图片附件,再写入工单或知识库条目
  • 在对话中先 `RUBE_SEARCH_TOOLS` 再执行转换,避免 Composio 工具 schema 变更导致调用失败
  • 需要脚本化跑 Html To Image 时,通过 `RUBE_REMOTE_WORKBENCH` 的 `run_composio_tool()` 连续处理 URL 列表

适合人员

  • 负责运营推送、要把活动落地页 HTML 快照成图再分发到各渠道的运营
  • 维护内部文档站点、需把 HTML 页面归档为静态图片供只读分享的文档工程师
  • 在 MCP 客户端里编排 Composio 工具、要把 Html To Image 接入多步 Agent 流程的集成开发者
  • 做自动化 QA 或发布验收、需对指定 HTML URL 批量出图比对视觉回归的测试工程师