网页图片助手
将以下提示词粘贴到你的 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指定 toolkithtml_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 批量出图比对视觉回归的测试工程师