用途：为 Remotion 讲解视频提供专业级图表组件，用于架构/系统图、组件关系（中心辐射、流程、分层）、基础设施与技术栈可视化、前后对比布局、数据流或管道图等场景，通常在第四阶段场景构建时使用。
主要能力：提供 InfographicFlow（多阶段流程，企业级柔和色带加 Lucide 图标）、HubAndSpoke（中心元素加周边服务）、FlowDiagram（3-5 节点顺序管道）、LayeredArchitecture（UI/API/DB 等堆叠层）、ComparisonDiagram（并排对比）、GitBranching（Git 分支与 CI/CD 流程）等组件，均支持 nodeStyle、connectionStyle、iconSrc 覆盖。图标使用 lucide-react（1000+ SVG 图标），DiagramIcon 可将图标包入带阴影的彩色圆形或圆角背景，优先级为 Lucide 图标 > 品牌 Logo 图片 > 字母徽章。
设计要点：节点使用渐变填充而非纯色，至少两层阴影，边框 2-3px，连接线至少 2.5px 并带发光滤镜与描边动画，节点尺寸需满足 720p 可读性（中心节点建议 200x140px，标签字号 26-28px），背景可加低透明度 ProceduralNoise 与径向渐变。品牌 Logo 可从 GitHub 头像地址下载或使用截图清单，禁止用 Unicode emoji 充当图标。
用法与限制：组件从 ../shared/components/diagrams 导入，调色板通过 getDiagramPalette() 与 getStagePalette() 获取，支持 light/dark 两种模式。构建后建议运行 /validate-scene 检查视觉质量。具体安装命令、依赖版本与完整代码示例资料中未提供。