shader-starter
着色器
✏️ 介绍
✏️ 介绍\ 这是一款用于引导创建 Figma Shader Fill 和 Shader Effect 的 AI Skill。它通过分步提问，帮助用户从零构建着色器效果，包括视觉需求、控制参数、动画循环和代码验证，适合制作颗粒、半色调、扭曲、发光和色彩偏移等视觉效果。
🔨 功能
1. 支持通过分步提问确定 Shader 的视觉效果 2. 支持创建 Shader Effect，对现有图层像素进行处理 3. 可根据效果复杂度推荐不同数量的控制参数 4. 支持 Slider、Color、Stepper 等控制类型 5. 支持根据效果需求添加 Canvas Control 画布控制点 6. 支持调整效果的强度、范围、颜色和空间位置等参数 7. 支持合并相关参数，减少不必要的控制项 8. 支持为动画效果添加 Phase 控件 9. Phase 可配合 Figma Motion Keyframe 制作循环动画 10. 支持验证动画首尾状态和运动速度，检查循环是否无缝 11. 支持自动生成 `main.ts`、`features.json` 和 `product-brief.md` 12. 支持检查 Shader 参数、WGSL Uniform 对齐和渲染配置 13. 支持推荐初始参数和效果调试方案 14. 静态效果无需添加 Phase 控件 15. Shader Effect 需要已有图层内容作为处理对象，无法直接作用于空白图层 16. 适合自定义 Figma 着色器、视觉特效和 Motion 动画设计场景
