Threejs

remotion-video-creation 是一個聚焦於 Remotion 的 React 影片製作技能。它透過 29 條規則，協助降低渲染失誤，涵蓋動畫、素材、音訊、字幕、圖表、組成與轉場。適合用於 Video Editing 工作流程、模板化說明內容、社群短片，以及資料驅動的動態圖像製作。

shader-dev 是一套實用的 GLSL 著色器技能，適用於 ShaderToy 風格的即時視覺效果。使用 shader-dev 技能可建立或除錯 ray marching、SDF 場景、光照、粒子、流體動態、後製，以及 UI Design 的 shader-dev，且比泛用提示詞更少憑空猜測。

frontend-dev 是一個用於打造精緻、可直接上線的網頁前端技能，涵蓋高質感 UI、電影感動效、AI 生成素材、說服力文案與生成式藝術。適合用在 landing pages、行銷網站、產品頁、儀表板，以及其他需要設計、內容與實作細節彼此一致的前端工作。

remotion-best-practices 是一份 Remotion 技能指南，聚焦安裝、使用與規則式工作流程，涵蓋動畫、素材、音訊、字幕、FFmpeg 與 calculateMetadata。

threejs-textures 前端開發技能涵蓋 texture 載入、UV mapping、colorSpace、wrapping、filtering 與 environment maps，協助影像在 Three.js 材質上正確渲染。

threejs-shaders 是一份實用指南，教你用 GLSL、ShaderMaterial、uniforms、頂點變形與片元效果來撰寫 Three.js shaders。當你在前端開發中需要一個可直接上手的 shader 基準、想更清楚地選擇材質，並減少像通用提示詞那樣的猜測時，這份指南特別適合使用。

threejs-materials 是一個用於 Three.js 材質選擇、設定與疑難排解的 skill。適合用來處理寫實 PBR、無光照平面著色、toon 與除錯視圖、由 texture 驅動的樣式，以及自訂 shader。對需要更快、更一致做出材質決策的 Frontend Development 團隊特別有幫助。

Frontend Development 用的 threejs-postprocessing 技能：可加入 EffectComposer 管線、bloom、景深、模糊、色彩分級，以及自訂螢幕空間 pass。這份指南可協助你建立渲染鏈、調整效果，並把 composer 渲染接到既有的 Three.js 場景中。

threejs-loaders 可協助你正確載入 Three.js 資產，包括 GLTF/GLB 模型、貼圖、HDR 環境，以及其他非同步資源。當你在前端開發中需要可靠載入、進度處理，以及更少的場景就緒 bug 時，請使用這個 threejs-loaders 技能。

threejs-lighting 是一套實用的 Three.js 光照技能，適用於 Frontend 開發。它能幫你選擇燈光類型、設定陰影、加入環境光照，並修正畫面看起來扁平、過暗或曝光過度的場景。當你需要更快、更一致的場景打光時，可以使用 threejs-lighting 指南。

threejs-interaction 是一份實用的 Three.js 互動指南，適合前端開發使用。內容涵蓋 raycasting、物件選取、滑鼠與觸控輸入，以及 camera controls，幫助你更有把握地打造可點擊、可選取、反應靈敏的 3D 體驗，少走冤枉路。

threejs-geometry 可協助你為真實場景挑選並建立 Three.js 幾何：內建形狀、BufferGeometry、自訂網格，以及 instancing。當你在 Frontend Development 中需要正確的建構子、參數順序與兼顧效能的輸出時，適合使用 threejs-geometry 技能。

threejs-fundamentals 幫助前端開發者建立並除錯 Three.js 應用的核心設定：場景、相機、渲染器、光源、網格、變形與物件階層。可用這份 threejs-fundamentals 指南修正空白畫布、正確放置物件，並順利完成乾淨的第一個場景。

threejs-animation 是一個用於 Three.js 動畫系統的技能：涵蓋 keyframes、animation clips、mixers、actions、skeletal playback、morph targets 與 procedural motion。當你需要播放 GLTF 動畫、混合 clips，或在較少猜測下建立乾淨的動畫循環時，這個技能特別適合 Frontend Development 使用。