graph LR
    A[👤 User] -->|installs| B[ariff-claude-plugins]
    B -->|copies to| C[~/.claude/]
    C -->|loads| D[🤖 Claude Code]

    D -->|uses| E[21 Agents]
    D -->|applies| F[15 Skills]
    D -->|triggers| G[2 Hooks]
    D -->|runs| H[2 Commands]

    E --> I[💪 Supercharged Claude]
    F --> I
    G --> I
    H --> I

    style A fill:#4CAF50,color:#fff
    style I fill:#FF9800,color:#fff
    style D fill:#2196F3,color:#fff

flowchart TD
    START[🚀 Run install.sh] --> CHECK{Detect OS}

    CHECK -->|macOS/Linux| UNIX[Unix Install]
    CHECK -->|Windows| WIN[Windows Install]

    UNIX --> COPY[📦 Copy Plugins]
    WIN --> COPY

    COPY --> CAT{Check Category}

    CAT -->|Agent| A[~/.claude/agents/]
    CAT -->|Skill| S[~/.claude/skills/]
    CAT -->|Hook| H[~/.claude/hooks/]
    CAT -->|Command| C[~/.claude/commands/]

    A --> VERIFY[✅ Verify Install]
    S --> VERIFY
    H --> VERIFY
    C --> VERIFY

    VERIFY --> SUCCESS[🎉 Ready to Use!]

    style START fill:#4CAF50,color:#fff
    style SUCCESS fill:#4CAF50,color:#fff
    style CHECK fill:#2196F3,color:#fff

%%{init: {'theme':'base', 'themeVariables': { 'pie1':'#4CAF50', 'pie2':'#FF9800', 'pie3':'#2196F3', 'pie4':'#f44336'}}}%%
pie title 41 Plugins by Category
    "Agents" : 21
    "Skills" : 15
    "Hooks" : 2
    "Commands" : 2

graph TD
    ROOT["🔌 41 Plugins"]

    ROOT --> AGENTS["🤖 Agents (21)"]
    ROOT --> SKILLS["⚡ Skills (15)"]
    ROOT --> HOOKS["🛡️ Hooks (2)"]
    ROOT --> CMDS["📋 Commands (2)"]

    AGENTS --> A1["👨‍💻 Development (8)"]
    AGENTS --> A2["🧠 Analysis (4)"]
    AGENTS --> A3["✅ Checkers (7)"]
    AGENTS --> A4["🎯 Specialized (2)"]

    A1 --> A1a["architect"]
    A1 --> A1b["backend-dev"]
    A1 --> A1c["frontend-dev"]
    A1 --> A1d["performance-engineer"]
    A1 --> A1e["qa-engineer"]
    A1 --> A1f["security-analyst"]
    A1 --> A1g["refactorer"]
    A1 --> A1h["autonomous-dev-assistant"]

    A2 --> A2a["sequential-thinker"]
    A2 --> A2b["project-planner"]
    A2 --> A2c["analyzer"]
    A2 --> A2d["mentor"]

    A3 --> A3a["context-validator"]
    A3 --> A3b["intent-clarifier"]
    A3 --> A3c["pre-action-verifier"]
    A3 --> A3d["scope-boundary-checker"]
    A3 --> A3e["fact-checker"]
    A3 --> A3f["dependency-validator"]
    A3 --> A3g["rollback-planner"]

    A4 --> A4a["smithery-deployment-agent"]
    A4 --> A4b["smart-routing"]

    SKILLS --> S1["🌟 Superpowers (10)"]
    SKILLS --> S2["🛠️ Development (3)"]
    SKILLS --> S3["📚 Reference (2)"]

    S1 --> S1a["brainstorming"]
    S1 --> S1b["writing-plans"]
    S1 --> S1c["executing-plans"]
    S1 --> S1d["subagent-driven-development"]
    S1 --> S1e["verification-before-completion"]
    S1 --> S1f["root-cause-tracing"]
    S1 --> S1g["defense-in-depth"]
    S1 --> S1h["systematic-debugging"]
    S1 --> S1i["when-stuck"]
    S1 --> S1j["using-superpowers"]

    S2 --> S2a["github-operations"]
    S2 --> S2b["plugin-creator"]
    S2 --> S2c["plugin-checker"]

    S3 --> S3a["hooks-reference"]
    S3 --> S3b["canvas-api"]

    HOOKS --> H1["assumption-checker<br/>(PreToolUse)"]
    HOOKS --> H2["memory-sync<br/>(Stop)"]

    CMDS --> C1["deep-search"]
    CMDS --> C2["task-folder-manager"]

    style ROOT fill:#9C27B0,color:#fff
    style AGENTS fill:#4CAF50,color:#fff
    style SKILLS fill:#FF9800,color:#fff
    style HOOKS fill:#2196F3,color:#fff
    style CMDS fill:#f44336,color:#fff

sequenceDiagram
    participant M as 💻 Mac
    participant O as ☁️ OneDrive
    participant W as 🖥️ Windows
    participant G as 🐙 GitHub

    Note over M,G: Seamless Multi-Device Workflow

    M->>O: Save changes locally
    O->>W: Auto-sync via cloud

    M->>G: git push updates
    W->>G: git pull updates

    Note over M,W: Both devices always in sync

    W->>W: Run setup-device.sh
    Note over W: Installs to ~/.claude/

    M->>M: Run setup-device.sh
    Note over M: Installs to ~/.claude/