docs: add Claude Code integration page (#716)

### 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" />
This commit is contained in:
Prasanna721 2026-01-29 21:02:38 +00:00
parent 489b5e23c0
commit a2a0a266eb
4 changed files with 126 additions and 1 deletions

View file

@ -183,7 +183,8 @@
{
"group": "Plugins",
"pages": [
"integrations/clawdbot"
"integrations/clawdbot",
"integrations/claude-code"
]
}
]

View file

@ -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>

After

Width:  |  Height:  |  Size: 618 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 237 KiB

View file

@ -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>