概览
MattSkills 架构是一个面向技术系统的交互式可视化图表。它把节点、关系、路径和语义类型放在同一视图中，既可沿预设旅程理解系统，也能自由检查完整架构。
图表内容围绕源码构建、模块装载、数据流、状态缓存与检查链展开，适合用于工程评审、架构讲解和发布说明。查看过程不会改变源图表，演示视图与导出结果也相互独立。
核心能力
- 按标签、职责、类型或稳定 ID 查找任意节点。
- 选择起点和目标，按编写方向追踪两个语义节点之间的路径。
- 通过语义雷达查看实时视口、稳定节点以及整体地图。
- 使用语义透镜统计系统角色、观察真实流量，并比较两类节点间直接编写的关系。
- 播放由真实节点关系组成的引导章节，或切换至全视口演示模式。
- 查看节点的已验证来源、上游与下游可达范围以及关系信息。
视图与交互
界面提供经典技术风格、突出动态流向的信号流风格、适合工程评审的蓝图风格，以及面向发布说明的编辑风格。用户可以切换深色显示、重置视口、缩放图表，并在地图、路径、透镜和阅读视图之间开展不同层次的检查。
引导流程覆盖节点搜索、路径追踪、完整系统总览、语义类型比较和故事播放。路径选择强调方向性；语义类型比较最多同时选择两类，单类用于观察节点及相连关系，双类用于比较直接关系。
导出与分享
图表可导出为 PNG、JPEG 和 WebP 图像，也支持可编辑的 SVG 矢量文件与 6 秒 WebM 动效。分享输出包含整张图、路径和可达范围的 1200×630 PNG 卡片，并可将分享卡片或图表 PNG 复制到剪贴板。
这些输出方式覆盖便携展示、紧凑图片、现代图像格式、后续矢量编辑和短时动态演示，让同一架构视图可用于评审材料、说明文档与分享卡片。