scottstts/Threejs-Awesome-Graphics-Agent-Skills

解決的問題

本專案為 AI 代理提供一個專用的「技能套件」，協助其使用 Three.js 生成高品質、複雜的 3D 圖形。它解決了大型語言模型（LLM）雖了解基礎 API，卻常產生「便宜的技巧」或視覺上缺乏吸引力的結果的問題，原因在於缺乏專業級美學、光照與材質的具體實作模式。

如何運作

本專案不提供速查表，而是提供一系列具體的實作範例與資源庫。它扮演一種高階圖形技術的詞彙表，代理可參考這些內容，精確學習如何實作複雜的視覺效果。此技能套件專為直接安裝至各種 AI 編碼代理（如 Claude Code、Cursor 和 Codex）的技能目錄中而設計。

適用對象

使用 AI 代理透過 Three.js 建構 3D 場景、遊戲或互動式體驗的開發者，希望在不花費數天手動微調圖形設定的情況下，獲得專業級的視覺品質。

主要亮點

• 全面的圖形涵蓋：涵蓋 PBR 材質、TSL/WebGPU、GLSL、後處理與程序化生成等專業領域。
• 代理相容性：專為安裝至 Cursor、Claude Code 與 GitHub Copilot 等流行 AI 代理而格式化。
• 高階程序化系統：包含光譜海洋、體積雲、射線追蹤空間效果（如黑洞）以及程序化植被等專用技能。
• 視覺驗證：包含圖庫與工具，可生成決定性截圖，以確保提供給代理的範例具備高品質的視覺效果。