Claude Code Environment Dashboard
A web-based visualization tool for exploring and managing your Claude Code configuration, featuring real-time agent activity tracking, mission orchestration, and a Jedi Archives theme.
Plugin Name: environment
Author: Sam Green
Version: 1.1.10
Installation
Option A: Claude Code Plugin Manager (Recommended)
- Run
/plugin in Claude Code
- Go to "Marketplaces" tab
- Select "Add Marketplace"
- Enter:
https://github.com/SamGreenDev/claude-code-environment
- Go to "Discover" tab
- Find "environment" and install
Option B: Git Clone
git clone https://github.com/SamGreenDev/claude-code-environment.git
cd claude-code-environment
./install.sh
Option C: One-liner (no prerequisites — works on a fresh Mac)
curl -fsSL https://raw.githubusercontent.com/SamGreenDev/claude-code-environment/main/bootstrap.sh | bash
Option D: ZIP Bundle Download
- Download the latest release from GitHub Releases
- Extract the ZIP file
- Double-click
install-mac.command (Mac) or install-windows.bat (Windows)
Features
- Dashboard - Environment overview with quick stats and status indicators
- Activity (Jedi Archives) - Canvas-based pixel art agent visualization with real-time WebSocket updates; 6 Jedi classes (scholar, council, guardian, padawan, sentinel, consular)
- Agents Browser - View all sub-agents with detail modals showing full prompts
- Skills & Commands - Browse available skills and quick commands with descriptions
- Knowledge Base - File tree explorer with markdown preview for all knowledge files
- Rules Viewer - Read coding standards, security rules, and workflow guidelines
- Memory Inspector - Per-project MEMORY.md viewer with cross-project search
- Settings Manager - View and manage hooks, environment variables, and project-level config
- Plugins - Installed plugin browser with metadata
- MCP Servers - MCP server configuration viewer
- Mission Builder - Visual DAG workflow editor for designing multi-agent missions, with drag-and-drop node graph, faction theming (Star Wars eras), and AI-powered Mission Wizard
- Holonet Command - Live mission execution monitoring with canvas DAG visualization, real-time status updates, and comms panel
- Comms Log - Star Wars terminal-style communication log for mission runs with CRT aesthetic
- Projects - Dev server process manager (start/stop/logs) with real-time output streaming
Usage
Invoke via: /environment:ui to launch the dashboard
Architecture Overview
Browser (SPA) ──HTTP/WS──> Node.js Server (port 3848) ──File I/O──> ~/.claude/
┌─────────────────────────────────────────────────────────────┐
│ BROWSER (SPA) │
│ ┌─────────────────────────────────────────────────────┐ │
│ │ index.html (22 templates) + app.js (router/state) │ │
│ └─────────────────────────────────────────────────────┘ │
└────────────────────────┬────────────────────────────────────┘
│ HTTP + WebSocket
▼
┌─────────────────────────────────────────────────────────────┐
│ NODE.JS SERVER │
│ ┌──────────────┐ ┌───────────────┐ ┌────────────────┐ │
│ │ server.js │ │ router.js │ │ api-handlers │ │
│ │ (HTTP+WS) │ │ (URL match) │ │ (48+ routes) │ │
│ └──────────────┘ └───────────────┘ └────────────────┘ │
│ ┌──────────────────────────────────────────────────────┐ │
│ │ mission-engine │ activity-handler │ session-handler │ │
│ └──────────────────────────────────────────────────────┘ │
└────────────────────────┬────────────────────────────────────┘
│ File I/O
▼
┌─────────────────────────────────────────────────────────────┐
│ FILESYSTEM │
│ ~/.claude/ │
│ ├── agents/ ├── skills/ ├── commands/ │
│ ├── knowledge/ ├── rules/ ├── memory/ │
│ └── settings.json │
└─────────────────────────────────────────────────────────────┘
File Structure
