Threejs

remotion-video-creation 是一个面向 Remotion 的 React 视频创作技能。它通过 29 条规则覆盖动画、素材、音频、字幕、图表、composition 和转场，帮助减少渲染失误。适用于 Video Editing 工作流、模板化讲解视频、社媒短片和数据驱动的动态图形。

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

frontend-dev 是一项用于前端开发的技能，帮助你构建精致、可直接上线的网页，涵盖高级 UI、电影感动效、AI 生成媒体、说服力文案和生成式艺术。适用于落地页、营销站、产品页、仪表盘以及其他需要设计、内容和实现细节保持一致的前端工作。

remotion-best-practices 是一份面向 Remotion 的技能指南，聚焦安装、使用与规则化工作流，涵盖动画、素材、音频、字幕、FFmpeg 和 calculateMetadata。

threejs-textures 面向前端开发，涵盖纹理加载、UV 映射、colorSpace、包裹方式、过滤和环境贴图，帮助图片在 Three.js 材质上正确渲染。

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-loaders 可帮助你正确加载 Three.js 资源，包括 GLTF/GLB 模型、纹理、HDR 环境和其他异步资源。前端开发中，当你需要可靠的加载、进度处理，以及更少的场景就绪类 bug 时，可以使用这个 threejs-loaders 技能。

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

threejs-interaction 是一份面向前端开发的实用 Three.js 交互指南。内容涵盖 raycasting、对象拾取、鼠标与触摸输入，以及相机控制，帮助你更少凭感觉去构建可点击、可选择、响应灵敏的 3D 体验。

threejs-geometry 帮你为真实场景选择并构建 Three.js 几何体：内置图形、BufferGeometry、自定义网格和实例化。当前端开发需要正确的构造函数、参数顺序以及兼顾性能的输出时，请使用 threejs-geometry 技能。

threejs-fundamentals 帮助前端开发者搭建并调试 Three.js 应用的核心基础：场景、相机、渲染器、灯光、网格、变换和对象层级。使用这份 threejs-fundamentals 指南，可以排查画布空白、正确摆放对象，并顺利完成一个干净的首个场景。

threejs-animation 是面向 Three.js 动画系统的技能：涵盖关键帧、动画片段、混合器、动作、骨骼播放、形态目标和程序化运动。适用于前端开发中需要播放 GLTF 动画、混合片段或构建更清晰的动画循环、减少试错的场景。