3.4 KiB
| type | density | style | image_count |
|---|---|---|---|
| mixed | per-section | blueprint-dark | 6 |
Illustration 1
Position: Article cover / after opening hook Purpose: First impression — show the full picture of Claude Code's memory system at a glance Visual Content: Central "Claude Code" brain icon surrounded by three orbiting modules: Auto Memory (file icon), Agent Teams (multi-agent icon), Context Compaction (compression icon). Stats floating: "39% performance", "84% token reduction", "30hr autonomous". Dark navy background with glowing blue technical lines. Type: infographic Filename: 01-infographic-memory-system-overview.png
Illustration 2
Position: Section 01 — memory layer architecture Purpose: Visualize the 5-layer memory hierarchy from Enterprise Rules to Session Context Visual Content: Vertical stack of 5 layers as horizontal bars/panels, Layer 0 (Enterprise Rules) at top in amber/gold, Layer 1 (CLAUDE.md) in bright blue, Layer 2 (Auto Memory) in cyan with glow effect, Layer 3 (Subagent Memory) in muted blue, Layer 4 (Session Context) at bottom in gray. Left labels, right descriptions. Grid-aligned, engineering precision. Type: framework Filename: 02-framework-three-layer-architecture.png
Illustration 3
Position: Section 03 — after system prompt reveal Purpose: Show the decision flow for when Auto Memory writes vs doesn't write Visual Content: Top-down flowchart. Start: "会话进行中". Decision diamond: "用户说'记住这个'?" → Yes: "立即写入 MEMORY.md ✓" (green/cyan). No → Decision: "Claude 自主判断有用?" → Yes: "可能写入 (不靠谱)" (amber). No: "不记录 ✗" (red/dim). Dark background, glowing flow lines. Type: flowchart Filename: 03-flowchart-auto-memory-trigger.png
Illustration 4
Position: Section 04 — 200 line limit explanation Purpose: Visualize MEMORY.md structure, the 200-line hard cutoff, and relationship to topic files Visual Content: Center: stylized MEMORY.md file with line numbers. Lines 1-200 glow blue (visible to Claude), lines 201+ are red/crossed out (truncated). Branching arrows from MEMORY.md to satellite topic files: debugging.md, patterns.md, architecture.md. Label: "主索引 → 主题文件". Warning indicator on the 200-line boundary. Type: infographic Filename: 04-infographic-memory-file-structure.png
Illustration 5
Position: Section 07 — comparison of memory solutions Purpose: Visual comparison of 3 memory approaches Visual Content: Three columns side by side. Left: "官方 Auto Memory" (simple file icon, "零依赖", blue). Center: "claude-mem" (compressed file icon, "200:1 压缩", cyan). Right: "AutoMem" (graph+vector DB icons, "图DB+向量DB", amber). Bottom row: complexity meter from simple to complex. Each column shows key stats. Dark background. Type: comparison Filename: 05-comparison-best-practices.png
Illustration 6
Position: Before final section — lifecycle overview Purpose: Show the complete lifecycle of the memory system across sessions Visual Content: Circular/loop flowchart. Stages: "会话启动 (加载MEMORY.md)" → "会话进行 (可能写入)" → "会话结束 (文件留磁盘)" → "新会话启动 (重新加载)" with a side branch: "Context Compaction (细节被压缩)" and "定期清理 (人工审查)". Glowing loop arrows, dark background. Type: flowchart Filename: 06-flowchart-memory-lifecycle.png