Initial commit

skills/website-debug/scripts/setup.sh

@@ -0,0 +1,84 @@
+#!/bin/bash
+#
+# setup.sh - Install dependencies for website-debug skill
+#
+
+set -e
+
+echo "Setting up website-debug skill..."
+echo ""
+
+SKILL_DIR="$(cd "$(dirname "$0")/.." && pwd)"
+SCRIPTS_DIR="$SKILL_DIR/scripts"
+
+# Check Node.js
+if ! command -v node &> /dev/null; then
+    echo "❌ Node.js not found. Please install Node.js first:"
+    echo "   https://nodejs.org/ or: brew install node"
+    exit 1
+fi
+echo "✓ Node.js $(node --version)"
+
+# Check npm
+if ! command -v npm &> /dev/null; then
+    echo "❌ npm not found. Please install npm."
+    exit 1
+fi
+echo "✓ npm $(npm --version)"
+
+# Install puppeteer-core globally
+echo ""
+echo "Installing puppeteer-core..."
+npm install -g puppeteer-core 2>/dev/null || npm install puppeteer-core --save 2>/dev/null
+echo "✓ puppeteer-core installed"
+
+# Optional: Install Playwright for WebKit support
+echo ""
+echo "Installing Playwright for Safari/WebKit support (optional)..."
+if npm install -g playwright 2>/dev/null; then
+    npx playwright install webkit 2>/dev/null || true
+    echo "✓ Playwright + WebKit installed"
+else
+    echo "⚠ Playwright installation skipped (Chrome debugging will still work)"
+fi
+
+# Make scripts executable
+echo ""
+echo "Making scripts executable..."
+chmod +x "$SCRIPTS_DIR"/*.js 2>/dev/null || true
+echo "✓ Scripts are executable"
+
+# Create cache directory
+mkdir -p ~/.cache/website-debug
+echo "✓ Cache directory ready"
+
+# Check Chrome
+echo ""
+if [[ "$OSTYPE" == "darwin"* ]]; then
+    CHROME_PATH="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
+    if [ -f "$CHROME_PATH" ]; then
+        echo "✓ Chrome found at $CHROME_PATH"
+    else
+        echo "⚠ Chrome not found. Install from: https://www.google.com/chrome/"
+    fi
+elif [[ "$OSTYPE" == "linux-gnu"* ]]; then
+    if command -v google-chrome &> /dev/null; then
+        echo "✓ Chrome found"
+    else
+        echo "⚠ Chrome not found. Install with: sudo apt install google-chrome-stable"
+    fi
+fi
+
+echo ""
+echo "=========================================="
+echo "✓ Setup complete!"
+echo ""
+echo "Quick start:"
+echo "  cd $SCRIPTS_DIR"
+echo "  ./browser-start.js            # Start Chrome"
+echo "  ./browser-nav.js http://localhost:3000"
+echo "  ./browser-screenshot.js       # Take screenshot"
+echo ""
+echo "Or use with Claude Code:"
+echo "  Ask Claude to 'debug this page' or 'check my site'"
+echo "=========================================="