mcpField
T
threejs-debug-profiler

threejs-debug-profiler

github.com/majidmanzarpour开发2.6k3.2k 次安装4 周前更新
代码仓库

关于 threejs-debug-profiler

用于 Three.js 游戏调试和性能分析的技能,指导 Agent 重现故障、定位根因、测量瓶颈,并在保持可玩性的同时复测受影响行为。

主要功能

  1. 01按原有环境重现问题
  2. 02追踪故障所属模块
  3. 03测量性能瓶颈
  4. 04复测受影响路径上的修复
  5. 05报告指标与剩余风险

适用场景

  1. 01诊断空白画布或画布异常
  2. 02排查资源、音频、输入或物理问题
  3. 03分析生产预览的性能瓶颈
  4. 04检查修复是否保留游戏可玩性

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/majidmanzarpour/threejs-game-skills --skill threejs-debug-profiler

安装后在 Claude Code 中输入/threejs-debug-profiler确认已加载。

附带文件agents/openai.yamlreferences/debug-playbook.md

详细介绍

Three.js 调试分析器

找出根本原因,并优化测得的瓶颈,同时确保游戏仍然可玩。

根据行为变更的影响范围进行处理。复用负责人已有的复现步骤和证据;修复后验证受影响的路径。只有在共享行为发生变化或存在未解决风险时,才需要在通过针对性检查后进行更广泛的测试。将测量结果和缺陷反馈给负责人,以便进行整体验证。

参考

references/debug-playbook.md — 针对空白画布、资源和音频加载、循环/动画/物理、输入和移动设备的有序排查流程、分析步骤,以及 __THREE_GAME_DIAGNOSTICS__ 的结构。调试或分析任何不明显的问题时,请阅读此文档。

调试

先使用用户所用的相同命令和 URL 进行复现,并查看控制台、页面和网络错误。找出负责故障的模块(渲染器、循环、摄像机、场景、资源、音频、输入、物理、UI 或基础路径),在该模块中修复根本原因,并重新测试确切的故障路径。排查手册中的顺序涵盖常见原因,例如有多个活动循环、画布显示尺寸与绘图缓冲区不匹配,以及 delta 单位错误。

分析

当用户可见的性能至关重要时,请分析生产预览。为一个固定场景建立基准,将瓶颈分类(CPU、GPU 绘制、片元、顶点、内存或网络),每次只更改一项,然后在相同场景下重新测量,并确认视觉效果和可玩性未受影响。排查手册列出了需要建立基准的指标,以及按收益排序的优化措施。

报告

首先说明根本原因或测得的瓶颈。然后列出更改的文件、优化前后的指标、命令、截图、重新测试的故障路径,以及遗留风险。

评论

支持 Markdown