Agent Skills Hub

threejs-animation

Three.js 動畫系統：包含關鍵幀動畫、骨骼動畫、變形目標與動畫混合，適用於程序化運動、GLTF 模型播放與複雜角色動畫融合。

threejs-geometry

Three.js 幾何圖形生成：內建形狀、BufferGeometry、頂點操作、自定義網格，以及效能優化的實例化渲染。

threejs-materials

Three.js 材質庫：包含 PBR、基礎、Phong、著色器材質及屬性。適用於網格樣式設計、紋理映射、自定義 GLSL 著色器以及優化 3D 材質渲染效能。

threejs-builder

使用現代 ES 模組構建高性能 Three.js 網頁場景。涵蓋場景圖設置、燈光、幾何體、GLTF/GLB 模型載入、動畫循環以及效能優化最佳實踐。

threejs-textures

Three.js 紋理管理，涵蓋載入、UV 映射、環境貼圖、HDR 支援以及紋理配置（平鋪、過濾、壓縮）。

webgl-expert

WebGL 1.0/2.0 開發專家指南：涵蓋 GLSL 著色器、3D 圖形、GPU 編程、渲染管線、緩衝區及 Web Canvas 效能優化。

manimgl-best-practices

ManimGL (3Blue1Brown OpenGL 動畫引擎) 的最佳實踐與程式碼範本。提供 3D 與互動場景開發、攝影機控制、以及 LaTeX 數學視覺化指南，專為技術創作者設計。

web-shader-extractor

從網頁中提取 WebGL/Canvas/Shader 特效代碼，進行反混淆處理並移植為獨立的原生 JavaScript 專案。

frontend

Preact 與 Tailwind 的前端編碼規範。適用於叢集應用程式的網頁 UI 元件開發。

anima

Anima 是一個用於製作數學視覺化內容的 TypeScript 動畫引擎。透過仿 Manim 的流暢 API，編寫幾何動畫、圖表以及複雜的路徑運動。

phaser-gamedev

專業級 Phaser 3 遊戲開發助手。涵蓋場景架構、Arcade/Matter 物理引擎、資源加載管線、精靈動畫及網頁遊戲性能優化。

pellicule

Pellicule 是一個 Vue 原生的程式化影片生成庫，讓您能夠直接從 Vue 組件渲染出確定性的影片、動畫與動態圖形。