关于 threejs-postprocessing
用于设计和维护 Three.js 后期处理管线的技能。它帮助开发者选择兼容方案、管理渲染细节与资源开销，并验证不同内容和设备条件下的效果。
主要功能
- 01识别渲染器与合成器类型
- 02规划渲染顺序和色彩处理
- 03配置泛光与深度效果
- 04调整渲染目标并控制开销
- 05释放通道并验证输出
适用场景
- 01为现有渲染器添加后期处理
- 02为选定的亮部调整泛光
- 03根据视口和设备限制调整效果
- 04检查透明边缘并与直接渲染对比
安装
复制下面的命令，在终端中运行。
npx skills add https:/安装后在 Claude Code 中输入/threejs-postprocessing确认已加载。
详细介绍
后处理管线
使用项目中已安装的版本和现有架构。这些说明是对用户任务的补充，不授权进行无关更改或外部操作。
添加处理通道前，先确定现有的渲染器和合成器系列。Three.js WebGL EffectComposer、pmndrs postprocessing 和 WebGPU 节点管线的约定各不相同。针对所需后端，选择一套一致的管线。
记录渲染顺序、中间色彩空间、目标精度、深度要求、Alpha 行为和最终显示转换。在适当位置只应用一次色调映射／输出转换。叠加效果前，先与直接渲染进行对比。
使用 HDR 场景值，并为选择性泛光设置明确的阈值。不要通过让整个界面发光来掩盖光照不足的问题。依赖深度的效果需要兼容的深度数据和合理的相机裁剪面。抗锯齿必须适配最终合成，不能想当然地认为画布 MSAA 会平滑离屏目标。
视口和画质设置变化时，调整所有处理通道和渲染目标的尺寸。为全分辨率渲染目标做好资源预算，并在性能较弱的设备上降低效果分辨率或禁用开销较大的处理通道。如果设计使用透明画布合成，请确保保留 HTML 内容的可读性以及透明画布合成效果。
释放自行拥有的处理通道和渲染目标，包括替换管线中的资源。验证禁用／启用效果时的差异、明暗内容、Alpha 边缘、尺寸调整，以及目标设备上的效果开销。调整效果参数与修复标记错误的纹理应分开处理。
API 参考
有关准确的签名和特定版本的行为，请查阅官方文档。如果无法访问文档，请检查已安装的类型定义／源码，并说明任何尚未确定之处。