docs: add Claude Code integration page (#716)claude-supermemory-docs

### update Claude Code docs in integration page

 - Add apps/docs/integrations/claude-code.mdx — documentation for Claude Code Supermemory plugin
  - Add apps/docs/images/claude-code-icon.svg — custom sidebar icon
  - Add apps/docs/images/claude-code-supermemory.png — hero image
  - Update apps/docs/docs.json — add claude-code to Plugins navigation group

### validation
<img width="3046" height="1536" alt="Screenshot 2026-01-29 at 12 50 06 PM" src="https://github.com/user-attachments/assets/5180f237-f886-47a5-a0b3-7436cebd610a" />

4 files changed, 126 insertions, 1 deletions

diff --git a/apps/docs/docs.json b/apps/docs/docs.json
index 89aae429..c558c184 100644
--- a/apps/docs/docs.json
+++ b/apps/docs/docs.json
@@ -183,7 +183,8 @@
 							{
 								"group": "Plugins",
 								"pages": [
-									"integrations/clawdbot"
+									"integrations/clawdbot",
+									"integrations/claude-code"
 								]
 							}
 						]
diff --git a/apps/docs/images/claude-code-icon.svg b/apps/docs/images/claude-code-icon.svg
new file mode 100644
index 00000000..210688d8
--- /dev/null
+++ b/apps/docs/images/claude-code-icon.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 66 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="0" y="13" width="6" height="13" fill="#CC785C"/>
+  <rect x="60" y="13" width="6" height="13" fill="#CC785C"/>
+  <rect x="6" y="39" width="6" height="13" fill="#CC785C"/>
+  <rect x="18" y="39" width="6" height="13" fill="#CC785C"/>
+  <rect x="42" y="39" width="6" height="13" fill="#CC785C"/>
+  <rect x="54" y="39" width="6" height="13" fill="#CC785C"/>
+  <rect x="6" width="54" height="39" fill="#CC785C"/>
+  <rect x="12" y="13" width="6" height="6.5" fill="black"/>
+  <rect x="48" y="13" width="6" height="6.5" fill="black"/>
+</svg>
diff --git a/apps/docs/images/claude-code-supermemory.png b/apps/docs/images/claude-code-supermemory.png
new file mode 100644
index 00000000..c856c9ac
--- /dev/null
+++ b/apps/docs/images/claude-code-supermemory.png
diff --git a/apps/docs/integrations/claude-code.mdx b/apps/docs/integrations/claude-code.mdx
new file mode 100644
index 00000000..4a130f77
--- /dev/null
+++ b/apps/docs/integrations/claude-code.mdx
@@ -0,0 +1,113 @@
+---
+title: "Claude Code"
+sidebarTitle: "Claude Code"
+description: "Claude Code Supermemory Plugin — persistent memory across coding sessions"
+icon: "/images/claude-code-icon.svg"
+---
+
+<div className="w-1/2">
+  <img
+    src="/images/claude-code-supermemory.png"
+    alt="Claude Code + Supermemory"
+    className="rounded-lg shadow-lg"
+  />
+</div>
+
+[Claude-Supermemory](https://github.com/supermemoryai/claude-supermemory) is a Claude Code plugin that gives your AI persistent memory across sessions. Your agent remembers what you worked on — across sessions, across projects.
+
+## Get Your API Key
+
+Create a Supermemory API key from the [API Keys](https://console.supermemory.ai/keys) page, then add it to your shell profile so it persists across sessions:
+
+<Tabs>
+  <Tab title="macOS / Linux (zsh)">
+    ```bash
+    echo 'export SUPERMEMORY_CC_API_KEY="sm_..."' >> ~/.zshrc
+    source ~/.zshrc
+    ```
+  </Tab>
+  <Tab title="macOS / Linux (bash)">
+    ```bash
+    echo 'export SUPERMEMORY_CC_API_KEY="sm_..."' >> ~/.bashrc
+    source ~/.bashrc
+    ```
+  </Tab>
+  <Tab title="Windows (PowerShell)">
+    ```powershell
+    [System.Environment]::SetEnvironmentVariable("SUPERMEMORY_CC_API_KEY", "sm_...", "User")
+    ```
+    Restart your terminal after running this.
+  </Tab>
+</Tabs>
+
+## Install the Plugin
+
+```bash
+# Add the plugin marketplace
+/plugin marketplace add supermemoryai/claude-supermemory
+
+# Install the plugin
+/plugin install claude-supermemory
+```
+
+## How It Works
+
+Once installed, the plugin runs automatically:
+
+- **Context Injection** — On session start, relevant memories are fetched and injected into Claude's context. This includes user preferences, project knowledge, and past interactions.
+- **Auto-Capture** — Tool usage is captured and stored during the session for future context.
+
+### What Gets Captured
+
+| Tool  | Captured As                                         |
+| ----- | --------------------------------------------------- |
+| Edit  | `Edited src/auth.ts: "old code..." → "new code..."` |
+| Write | `Created src/new-file.ts (500 chars)`               |
+| Bash  | `Ran: npm test (SUCCESS/FAILED)`                    |
+| Task  | `Spawned agent: explore codebase`                   |
+
+## Commands
+
+### /claude-supermemory:logout
+
+Log out from Supermemory and clear saved credentials.
+
+```
+/claude-supermemory:logout
+```
+
+## Configuration
+
+### Environment Variables
+
+```bash
+SUPERMEMORY_CC_API_KEY=sm_...         # Required
+SUPERMEMORY_SKIP_TOOLS=Read,Glob,Grep # Tools to not capture (optional)
+SUPERMEMORY_DEBUG=true                # Enable debug logging (optional)
+```
+
+### Settings File
+
+Create `~/.supermemory-claude/settings.json`:
+
+```json
+{
+  "skipTools": ["Read", "Glob", "Grep", "TodoWrite"],
+  "captureTools": ["Edit", "Write", "Bash", "Task"],
+  "maxContextMemories": 10,
+  "maxProjectMemories": 20,
+  "debug": false
+}
+```
+
+## Next Steps
+
+<CardGroup cols={2}>
+  <Card title="GitHub Repository" icon="github" href="https://github.com/supermemoryai/claude-supermemory">
+    Source code, issues, and detailed README.
+  </Card>
+
+  <Card title="ClawdBot Plugin" icon="shrimp" href="/integrations/clawdbot">
+    Multi-platform memory for Telegram, WhatsApp, Discord, and more.
+  </Card>
+</CardGroup>