1---2name: 097-index-3a160ccc3description: Reference Documentation Index4---5# Reference Documentation Index67## Quick Navigation89| Question | File | Mode |10|----------|------|------|11| What colors/tokens should I use? | `design-system.md`, `overwatch-design-system.md` | Blueprint, Overwatch |12| How do I animate elements? | `animation-patterns.md`, `overwatch-interactions.md` | Blueprint, Overwatch |13| What components exist? | `component-patterns.md`, `overwatch-interactions.md` | Blueprint, Overwatch |14| How do I add WebGPU shaders? | `overwatch-shaders.md` | Overwatch |15| What slide templates are available? | `slide-templates.md`, `overwatch-slide-templates.md` | Blueprint, Overwatch |16| How do I export to PDF? | `export-workflow.md` | Blueprint |17| How do I check visual quality? | `visual-qa-checklist.md` | Both |18| What icons should I use? | `icon-reference.md` | Both |19| How do I add charts? | `data-visualization.md` | Blueprint |20| What typography rules apply? | `2026-best-practices.md` | Both |21| How do I generate custom assets? | `custom-asset-generation.md` | Both |22| ML-specific visualizations? | `ml-visualization.md` | Blueprint |23| Advanced Overwatch patterns? | `overwatch-advanced-patterns.md` | Overwatch |24| Data-driven deck authoring? | `overwatch-deck-schema.md` | Overwatch |2526## All Reference Files2728### Blueprint Mode29| File | Purpose |30|------|---------|31| `design-system.md` | Colors (dark + light), typography, spacing, grid, card color strategy |32| `component-patterns.md` | Component props, examples, TOC navigation pattern |33| `visual-qa-checklist.md` | Agent-browser screenshot workflow, 10 common visual bugs + fixes |34| `2026-best-practices.md` | Typography scale, content density, color rules, structural patterns |35| `slide-templates.md` | 8+ slide type templates |36| `export-workflow.md` | PDF and static export guide |37| `data-visualization.md` | Chart components and best practices |38| `icon-reference.md` | Icon libraries by domain |39| `animation-patterns.md` | Motion components and timing |40| `ml-visualization.md` | ML-specific components |41| `custom-asset-generation.md` | Custom icon/graphic generation pipeline |4243### Overwatch Mode44| File | Purpose |45|------|---------|46| `overwatch-design-system.md` | Color tokens, typography, dimensions, 3 slide modes (dark/white/orange) |47| `overwatch-interactions.md` | Animation patterns, timing, hover conventions, 19 interaction components + hooks |48| `overwatch-shaders.md` | WebGPU setup, WGSL syntax, lava-nebula shader, CSS gradient fallback |49| `overwatch-slide-templates.md` | 14 slide type templates with component composition examples |50| `overwatch-advanced-patterns.md` | Reference-only patterns: waterfall trace, carousel, strikethrough, dual-layer shader |51| `overwatch-deck-schema.md` | YAML schema for data-driven deck authoring with all 14 template field specs |