Shader

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

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

makepad-2.0-shaders 是一個用於撰寫與除錯 Makepad 2.0 shader 程式碼的前端開發技能。適合處理 `pixel: fn()` 與 `vertex: fn()` 區塊、Sdf2d 圖形、自訂元件繪製、預乘 alpha，以及實際的安裝與使用指引。