OpenClaw Dashboard Screenshot

自动检测并启动 OpenClaw 仪表盘服务，加载页面后截取完整截图并发送包含机器人状态和统计信息的报告。

Install

openclaw skills install dashboard-screenshot

📊 OpenClaw 仪表盘截图技能

创建时间： 2026-03-28 最后更新： 2026-03-28 技能位置： ~/.openclaw/workspace/skills/dashboard-screenshot/SKILL.md

🎯 触发词

"查看仪表盘"
"仪表盘状态"
"OpenClaw 仪表盘"
"机器人状态"
"dashboard"
"截图仪表盘"
"检查仪表盘并发送截图"

🔧 工作流程

步骤 1：检查服务是否运行

curl -s -o /dev/null -w "%{http_code}" http://localhost:3000 2>/dev/null

说明：

检查端口 3000 是否响应
返回 200 → 服务已运行，跳至步骤 3
返回其他或未响应 → 继续步骤 2

步骤 2：启动仪表盘服务（如未运行）

cd ~/.openclaw/OpenClaw-bot-review && npm run dev

说明：

后台运行服务
等待 8 秒确保服务完全启动

工具调用：

{
  "exec": {
    "command": "cd ~/.openclaw/OpenClaw-bot-review && npm run dev",
    "background": true,
    "yieldMs": 8000
  }
}

步骤 3：打开浏览器

工具调用：

{
  "action": "open",
  "url": "http://localhost:3000"
}

说明：

打开仪表盘页面
获取 targetId 用于后续操作

步骤 4：等待页面加载

工具调用：

{
  "action": "snapshot",
  "targetId": "<targetId>",
  "timeoutMs": 5000
}

说明：

检查页面是否加载完成
确认显示机器人卡片、统计信息等

步骤 5：截取完整页面

工具调用：

{
  "action": "screenshot",
  "targetId": "<targetId>",
  "fullPage": true,
  "type": "png"
}

说明：

截取完整滚动页面
截图自动保存到 ~/.openclaw/media/browser/<uuid>.png

步骤 6：发送截图给用户

说明：

通过 QQbot 发送截图
附带关键状态说明（机器人状态、Token 用量、定时任务等）

📁 关键路径

项目	路径
技能文档	`~/.openclaw/workspace/skills/dashboard-screenshot/SKILL.md`
项目目录	`~/.openclaw/OpenClaw-bot-review/`
package.json	`~/.openclaw/OpenClaw-bot-review/package.json`
截图保存	`~/.openclaw/media/browser/<uuid>.png`

⚠️ 注意事项

服务自启动 - 如果端口 3000 未响应，自动执行 npm run dev
等待时间 - 启动后等待 8 秒确保服务完全就绪
页面加载 - 使用 snapshot 确认页面加载完成再截图
完整页面 - 使用 fullPage: true 截取全部内容
后台运行 - npm dev 进程后台运行，不阻塞后续操作
浏览器状态 - 如果浏览器未打开或卡死，先重启浏览器
错误处理 - 如果任何步骤失败，给出明确错误提示

✅ 成功标准

端口检查通过或成功启动服务
浏览器成功打开且无错误
页面加载完成（snapshot 确认）
截图成功保存（返回 image data）
消息发送成功（无 error）
状态说明清晰完整

🐛 已知问题

网络问题 - 如果 clawhub 无法访问，无法通过 CLI 安装
浏览器超时 - 如果页面加载缓慢，可能需要调整 timeoutMs
端口占用 - 如果 3000 端口被占用，需要先清理

📊 响应模板

📸 **OpenClaw 仪表盘截图完成！**

## 📊 仪表盘关键信息

**🤖 机器人状态：**
- **呆黄 (main)** - {状态}
  - 模型：{模型名称} ✅
  - 平台：{平台列表}
  - 会话数：{数量} | 消息数：{数量} | Token: {用量}
  - 最近活跃：{时间} | 平均响应：{时间}

- **小黄 (xiaohuang)** - {状态}
  - 模型：{模型名称} {状态}
  - 平台：{平台列表}
  - 会话数：{数量} | 消息数：{数量} | Token: {用量}
  - 最近活跃：{时间} | 平均响应：{时间}

**⏰ 定时任务：**
- {任务列表摘要}

**📈 全局统计：**
- 总 Input Token：{数量}
- 总 Output Token：{数量}
- 总消息数：{数量}

**🦞 Gateway：** {状态}
- 更新于：{时间}

---
Dashboard 已成功启动在 `http://localhost:3000`！🫡

此技能由呆黄创建并维护 最后更新：2026-03-28