@zenfg/inspector

@zenfg/inspector 是用于检查 ZenFG Snapshot 数据的可嵌入式 DOM 工作台，与具体渲染器无关。它依赖 @zenfg/snapshot、Cytoscape 和 ELK，不依赖 WebGPU、wgpu、游戏引擎或宿主 UI。

安装

npm install @zenfg/inspector@0.2.0

Agent Skills

此开发版本随附英文 zenfg-inspector Skill，用于指导 工作台嵌入、实时捕获、导入、主题和资源清理。 Skills 支持尚未发布：已发布的 0.2.0 包不包含此能力。 请使用明确随包提供 Skills 的发布版本，或从此分支构建的 tarball。

使用 pnpm 12.11.0 或更高版本（已验证 12.11.2），先将上述包安装为应用的直接依赖，然后运行：

pnpm approve
pnpm install

在交互提示中批准此包的 Skills；构建脚本权限单独控制。pnpm 会将已批准的 Skills 链接到受支持的项目代理目录。如果没有合适的目录，请在安装前配置 skills.dirs。 目录选择和批准细节见 pnpm Agent Skills。 编程助手会读取链接的 Skill 及其引用的包内资料。

快速入门

导入方式、调用方提供的输入及执行生命周期见完整快速入门。

指南

• 主题与样式自定义

• 常见任务

• 常见错误

• 延伸阅读

• CPU 与 GPU 捕获

• 分析并验证一帧

• 工作台行为

• 计时与内存信息解读

• Frame Flow 交互

• 使用参考

• 完整使用指南
• 主题
• 升级说明

文档与版本

包清单声明 @zenfg/inspector 0.2.0. 注册表徽章显示当前发布渠道，并非已安装版本。

• 已安装版本的准确 API：查看 package.json → exports → dist/*.d.ts; 声明映射指向包内的 src/. 只有声明的导出路径属于公共 API。
• 在线指南（开发分支）. 网站可能包含晚于此包版本的变更。
• TypeScript API（开发分支，英文）.
• 此发布版本的源码与文档.
• 使用约定由本包维护，请阅读包内指南。历史源码链接对应指定发布版本，可能早于当前开发分支。
• 包升级说明.
• 纯 Markdown 文档索引（开发分支）.
• 包内指南： 工作台 and 主题.