可视化仪表盘

danielvm-git2026-10-28查看 1720复制 99

启动一个基于浏览器的仪表板，可视化架构、实现计划和项目状态。将产物持久化到 .bigpowers/dashboard/。通过 HTTP API 或 opencode 面板读取 specs/state.yaml、release-plan.yaml、epics 和 planning-status。

Download (.md)

📘如何使用这个技能

1
复制技能内容·点击上方「Copy SKILL.md」复制全部内容，或 Download 下载到本地
2
打开你的 AI 客户端·支持 Claude Code、Trae、Cursor、ChatGPT、DeepSeek、Kimi 等任意 AI 助手
3
粘贴为系统提示/知识文件·Claude Code：放入 .claude/skills/ 目录；普通对话：作为首条消息发送并说「请严格按这份技能文档执行」
4
直接提出你的需求·AI 会按技能定义的工作流、格式和约束来处理，无需再解释背景

💡 提示：技能生效后，每次对话只需一句需求，AI 会按 SKILL.md 的流程执行。

SKILL.md1912 chars

---
name: visual-dashboard
model: sonnet
effort: standard
description: Start a browser-based dashboard that visualizes architecture, implementation plans, and project status. Persists artifacts in .bigpowers/dashboard/. Reads specs/state.yaml, release-plan.yaml, epics, and planning-status via HTTP API or opencode panel.
---

# Visual Dashboard
> **HARD GATE** — **HARD GATE** — Dashboards are read-only. Do NOT use visualization to make decisions without consulting the source data. 'The chart looks better' is not a decision.


Browser-based visual companion for bigpowers. Visualizes architecture, plans, and status.

## HTTP cockpit (YAML SoT)

Start the server:

```bash
bash visual-dashboard/scripts/start-server.sh
```

Endpoints:

| Route | Purpose |
|-------|---------|
| `GET /api/status?projectDir=<abs>` | JSON: `state`, `release`, `epics[]`, `planning_status`, `active_epic` |
| `GET /cockpit.html?projectDir=<abs>` | Read-only PM view (planning left, epics right) |
| `GET /` | Agent-pushed HTML screens (legacy, unchanged) |

Example:

```bash
curl -s "http://127.0.0.1:PORT/api/status?projectDir=$PWD" | jq .release.version
```

Implementation: `visual-dashboard/scripts/read-specs-status.cjs` + `server.cjs`.

## Opencode Progress Panel

Projects using bigpowers in opencode can read `specs/state.yaml`, `specs/release-plan.yaml`, and active `specs/epics/*.yaml` directly (no checkbox `### WS1` markdown).

Required YAML keys:

- **state.yaml** — `active_flow`, `active_epic_id`, `git`, `handoff`, `epic_cycle`
- **release-plan.yaml** — `release.version`, `epics[]` with `id`, `title`, `wsjf`, `file`
- **execution-status.yaml** — `development_status` map (story/epic → `done` | `pending`)
- **planning-status.yaml** — discover workflows and `status: done|pending`

## Agent screens (optional)

Push HTML to the dashboard session dir for rich diagrams. See `start-server.sh` for `CONTENT_DIR`.

来源：skillsdirectory

可视化仪表盘

📘如何使用这个技能

评论0