---
type: mixed
density: per-section
style: blueprint-dark
image_count: 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