Shader

shader-dev 是一个面向 ShaderToy 风格实时视觉效果的实用 GLSL 着色器技能。使用 shader-dev 技能可以更少靠猜测地构建或调试 ray marching、SDF 场景、光照、粒子、流体运动、后期处理，以及用于 UI Design 的 shader-dev。

threejs-shaders 是一份面向实战的 Three.js shader 编写指南，涵盖 GLSL、ShaderMaterial、uniforms、顶点变形和片段特效。适合前端开发中需要可直接落地的 shader 基线、更清晰的材质选择、以及比通用提示词更少试错的场景。

threejs-materials 是一个用于 Three.js 材质选择、配置和排错的技能，适合处理 mesh 材质相关工作。可用于逼真的 PBR、无光照的平面着色、toon 风格和调试视图、基于纹理的样式处理以及自定义 shader。对于需要更快、更一致地做材质决策的前端开发团队尤其有用。

面向前端开发的 threejs-postprocessing 技能：添加 EffectComposer 管线、bloom、景深、模糊、色彩分级以及自定义屏幕空间 pass。使用本指南搭建渲染链、调优效果，并将 composer 渲染接入现有的 Three.js 场景。

threejs-lighting 是一套面向 Frontend Development 的实用 Three.js 光照技能。它能帮助你选择光源类型、设置阴影、添加环境光照，并修复画面发灰、过暗或过曝的问题。需要更快、更一致地完成场景布光时，可以使用 threejs-lighting 指南。

makepad-2.0-shaders 是一个用于编写和调试 Makepad 2.0 shader 代码的前端开发技能。适用于 pixel: fn() 和 vertex: fn() 代码块、Sdf2d 图形、自定义组件绘制、premultiplied alpha，以及实用的安装和使用指引。