网页转图片助手
将以下提示词粘贴到你的 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 的统一入口:
- 工具发现:每次执行前先
RUBE_SEARCH_TOOLS,拿到当前 tool slug、输入 schema、推荐执行顺序和已知坑,不要硬编码工具名或参数。 - 连接管理:用
RUBE_MANAGE_CONNECTIONS,toolkit设为html_to_image;若非 ACTIVE,按返回的授权链接完成绑定后再跑流程。 - 执行:通过
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 再跑工作流的后端或自动化维护者