一个 AI Agent Skill，从网页中提取 WebGL / Canvas / Shader 视觉特效代码，反混淆后移植为独立可运行的原生 JS 项目。
功能介绍
Web Shader Extractor 是一个为 Claude Code 等 AI 编程助手设计的 Skill。当你看到一个网页上精美的 shader 视觉特效，想要提取并复用时，只需给 AI 一个网址，它就能自动完成从抓取、分析、反混淆到移植的全流程。
核心能力：
- 自动识别技术栈：Three.js / Babylon.js / PixiJS / Raw WebGL / TSL 等
- 从混淆后的 JS bundle 中提取 GLSL shader 源码和渲染参数
- 解码加密配置（Base64 + XOR、Nuxt payload、Next.js NEXT_DATA）
- 智能选择移植策略：纯 2D 全屏 shader 输出为零依赖 WebGL2，3D 场景保留原始框架
- 零配置启动：自动检测并安装 Node.js、Playwright 及 Chromium 浏览器，首次使用无需手动配置环境
- 全程自主执行：除最终简化评估外，所有步骤自动完成不中断用户，遇到问题自行修复或降级
- 生成独立可运行的项目，仅需浏览器即可预览
抓取效果示例
以下是使用 Web Shader Extractor 从网页抓取并移植的实际效果：
示例 1：Stainless Steel — 3D 金属质感
