sam-green-plugins

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)

1. Run /plugin in Claude Code
2. Go to "Marketplaces" tab
3. Select "Add Marketplace"
4. Enter: https://github.com/SamGreenDev/claude-code-environment
5. Go to "Discover" tab
6. 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

1. Download the latest release from GitHub Releases
2. Extract the ZIP file
3. 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