feat: add install-pi.sh for one-command Pi installation

Patches {{skill_dir}} to actual path at install time. Simplifies README
install instructions.

Author: nicobailon

CHANGELOG.md

@@ -1,8 +1,15 @@
 # Changelog
 
+## [0.6.1] - 2026-03-08
+
+### Pi Install Script
+- New `install-pi.sh` for one-command installation
+- Automatically patches `{{skill_dir}}` to actual install path
+- Usage: `curl -fsSL https://raw.githubusercontent.com/nicobailon/visual-explainer/main/install-pi.sh | bash`
+
 ## [0.6.0] - 2026-03-08
 
-Thanks to [@peak-flow](https://github.com/peak-flow) (David Abraham) for the adaptive zoom/pan engine PR (#25).
+Based on PR #25 by [@peak-flow](https://github.com/peak-flow), with additional multi-diagram architecture and bug fixes.
 
 ### Multi-Diagram Support
 - New vector-based zoom/pan engine replacing CSS `zoom` with direct SVG sizing

README.md

@@ -36,19 +36,15 @@ This skill fixes that. Real typography, dark/light themes, interactive Mermaid d
 
 Note: Claude Code plugins namespace commands as `/visual-explainer:command-name`.
 
-**Pi (manual):**
+**Pi:**
 ```bash
-# Clone the repo
-git clone --depth 1 https://github.com/nicobailon/visual-explainer.git /tmp/visual-explainer
-
-# Install skill
-cp -r /tmp/visual-explainer/plugins/visual-explainer ~/.pi/agent/skills/visual-explainer
-
-# Install prompt templates (slash commands)
-cp /tmp/visual-explainer/plugins/visual-explainer/commands/*.md ~/.pi/agent/prompts/
+curl -fsSL https://raw.githubusercontent.com/nicobailon/visual-explainer/main/install-pi.sh | bash
+```
 
-# Cleanup
-rm -rf /tmp/visual-explainer
+Or clone and run:
+```bash
+git clone --depth 1 https://github.com/nicobailon/visual-explainer.git
+cd visual-explainer && ./install-pi.sh
 ```
 
 **OpenAI Codex:**

install-pi.sh

@@ -0,0 +1,49 @@
+#!/bin/bash
+# install-pi.sh - Install visual-explainer for Pi
+
+set -e
+
+SKILL_DIR="$HOME/.pi/agent/skills/visual-explainer"
+PROMPTS_DIR="$HOME/.pi/agent/prompts"
+
+# Check if we're in the repo or need to clone
+if [ ! -f "plugins/visual-explainer/SKILL.md" ]; then
+    echo "Cloning visual-explainer..."
+    TEMP_DIR=$(mktemp -d)
+    git clone --depth 1 https://github.com/nicobailon/visual-explainer.git "$TEMP_DIR"
+    cd "$TEMP_DIR"
+    CLEANUP=true
+else
+    CLEANUP=false
+fi
+
+# Copy skill
+echo "Installing skill to $SKILL_DIR..."
+rm -rf "$SKILL_DIR"
+cp -r plugins/visual-explainer "$SKILL_DIR"
+
+# Replace {{skill_dir}} with actual path
+echo "Patching paths..."
+if [[ "$OSTYPE" == "darwin"* ]]; then
+    find "$SKILL_DIR" -name "*.md" -exec sed -i '' "s|{{skill_dir}}|$SKILL_DIR|g" {} \;
+else
+    find "$SKILL_DIR" -name "*.md" -exec sed -i "s|{{skill_dir}}|$SKILL_DIR|g" {} \;
+fi
+
+# Copy prompts (slash commands)
+echo "Installing prompts to $PROMPTS_DIR..."
+mkdir -p "$PROMPTS_DIR"
+cp "$SKILL_DIR/commands/"*.md "$PROMPTS_DIR/"
+
+# Cleanup if we cloned
+if [ "$CLEANUP" = true ]; then
+    rm -rf "$TEMP_DIR"
+fi
+
+echo ""
+echo "Done! Restart pi to use visual-explainer."
+echo ""
+echo "Commands available:"
+echo "  /diff-review, /plan-review, /project-recap, /fact-check"
+echo "  /generate-web-diagram, /generate-slides, /generate-visual-plan"
+echo "  /share"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "visual-explainer",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Agent skill that generates beautiful HTML pages for diagrams, diff reviews, plan reviews, and data tables",
   "keywords": [
     "claude-code-plugin",