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 的效果匹配，隨後再向使用者建議優化方案或框架簡化建議。