Harness UI Skill

Displays the Harness UI dashboard for monitoring sessions, tasks, and project status.

Quick Reference

• "UIを開きたい" → /harness-ui
• "ダッシュボードを見たい" → /harness-ui
• "ライセンスキーを設定" → /harness-ui YOUR-KEY

Usage

/harness-ui              # Open dashboard (auto-setup if needed)
/harness-ui YOUR-KEY     # Set license key and open
/harness-ui --force      # Force re-setup

Accessibility Settings (CC 2.1.38+)

視覚的な快適性のための設定です。

Reduced Motion 設定

Claude Code の設定ファイルでアニメーションを最小化できます:

// settings.json
{
  "reducedMotion": true  // アニメーションを最小化
}

推奨設定:

こんな方におすすめ:

• 長時間作業で目が疲れやすい方
• アニメーションによる視覚的な刺激に敏感な方
• 集中して作業したい方

設定ファイルの場所:

• macOS: ~/Library/Application Support/Claude/settings.json
• Windows: %APPDATA%\Claude\settings.json
• Linux: ~/.config/Claude/settings.json

Features

• Session monitoring
• Task progress visualization
• Plans.md status display
• SSOT file overview
• Real-time updates

Execution Flow

Step 1: Check License Key

SETTINGS_FILE=".claude/state/ui-settings.json"

if [ -f "$SETTINGS_FILE" ]; then
  LICENSE_KEY=$(jq -r '.licenseKey // ""' "$SETTINGS_FILE")
  if [ -n "$LICENSE_KEY" ]; then
    echo "License key found"
    # → Open dashboard
  fi
fi

Step 2: Setup Mode (If No Key)

If license key is not configured:

Harness UI Setup

License key is required to use Harness UI.

Get your key at: https://harness-ui.example.com/license

Enter your license key:

Wait for response

Step 3: Save Settings

mkdir -p .claude/state
cat > "$SETTINGS_FILE" << EOF
{
  "licenseKey": "$LICENSE_KEY",
  "configured_at": "$(date -u +%Y-%m-%dT%H:%M:%SZ)"
}
EOF

Step 4: Open Dashboard

# Start UI server
cd "${CLAUDE_PLUGIN_ROOT}/harness-ui"
npm run dev &

# Open in browser
open http://localhost:3001

Dashboard Components

Related Commands

• /sync-status - CLI-based status check
• /session - Session management