vision-dashboard.template

Codex Runtime Compatibility

This prompt was authored for Claude-style slash workflows. In Codex runtime, adapt tool calls as follows:

• AskUserQuestion => ask the user directly in chat.
• WebSearch/WebFetch => use available web tools (search_query, open, find) and cite links.
• Read/Write => use shell/filesystem tools in this workspace.
• Claude-only MCP calls (for example Playwright MCP names) => use available equivalents or clearly state fallback.
• Keep intent and output format identical; only adapt execution mechanics.

---

description: Start Vision Dashboard web interface for real-time monitoring options:

• label: "Default" description: "Start on localhost:3847"
• label: "Custom Port" description: "Specify custom port number"

---

Vision Dashboard - Web Interface

Start a web-based dashboard for real-time Vision status monitoring with WebSocket updates.

Features:

• Real-time vision status updates
• Progress and alignment tracking
• Drift event monitoring
• Roadmap completion tracking
• Dark mode UI

---

Execution Protocol

Step 1: Start Dashboard Server

import { startDashboard } from '${CWD}/node_modules/claude-cli-advanced-starter-pack/src/vision/dashboard/server.js';

const port = args[0] ? parseInt(args[0]) : 3847;
const host = 'localhost';

console.log('Starting Vision Dashboard...');

try {
  const server = await startDashboard(projectRoot, { port, host });

  console.log(`
┌─────────────────────────────────────────────────┐
│         VISION DASHBOARD RUNNING                │
├─────────────────────────────────────────────────┤
│                                                 │
│  URL: http://${host}:${port}                    │
│                                                 │
│  Features:                                      │
│  • Real-time status updates (WebSocket)         │
│  • Progress and alignment tracking              │
│  • Drift event monitoring                       │
│  • Roadmap completion tracking                  │
│                                                 │
│  Press Ctrl+C to stop                           │
│                                                 │
└─────────────────────────────────────────────────┘
  `);
} catch (error) {
  console.error('Failed to start dashboard:', error.message);
}