web-shader-extractor

此技能作为复杂网页视觉环境与独立开发之间的自动化桥梁。它专为开发者、数字艺术家与创意技术人员设计，用于在无需依赖原网站架构的情况下，复刻网页上精密的交互视觉、背景动画或 3D 着色器特效。通过 Playwright 进行渲染模拟与定制化的提取脚本，该 Agent 能从混淆或压缩的代码源中重建核心逻辑。

• 自动执行环境设置，包括 Node.js 与 Playwright，确保在无需人工介入的情况下准备好提取环境。

• 执行多阶段提取，从渲染后的 DOM 与网络请求分析开始，识别 Three.js、Babylon.js、PixiJS 或原生 WebGL 等框架。

• 实现自动化反混淆工作流，将压缩后的变量映射为有意义的命名，并分离出用于顶点与片段着色器的 GLSL 代码。

• 支持多种移植策略，范围从精简繁重的框架依赖到全原生 WebGL2 实现，以构建轻量且高性能的项目。

• 提供针对常见平台与技术（如 Unicorn Studio 或基于 Nuxt 的着色器配置）的专用工作流，确保对专有网页技术堆栈的高成功率。

• 用户只需提供目标网址，Agent 将负责探索、克隆与项目结构搭建。

• 此工具为只读操作；它不会对目标网站执行任何破坏性行为，主要通过分析静态资产与渲染输出进行工作。

• 输出通常为一个包含重建后的 JS、GLSL 着色器文件与 index.html 的独立目录，可直接用于本地托管或集成。

• Agent 会生成一份详尽的技术报告，总结提取时间线、渲染管线架构，以及源代码与移植版本之间的差异。

• 旨在实现高保真度复刻；Agent 将优先追求 1:1 的效果匹配，随后再向用户建议优化方案或框架简化建议。