Shader Buttons Shader Buttons

适合怎么用How to use it

• 按钮 Button

  可点的 CTA / 着色器按钮，方便嵌进现有界面。 Clickable CTA / shader buttons you can drop into an existing UI.

• Three.js Three.js

  用 Three.js 跑起来的 3D 场景，可改光影与运动。 3D scenes that run on Three.js; lighting and motion can be retuned.

• 动效 Motion

  偏运动与粒子的场面，强调节奏而不是表单。 Motion- and particle-led scenes that care more about rhythm than forms.

收录理由Why we listed it 想让 Agent 做出「会呼吸」的按钮时用这组。Skill.md 里改色相就够，别手写 GLSL。 Use this set when you want an Agent to make a button that “breathes.” Changing hue in Skill.md is enough — do not hand-write GLSL.

给 AgentFor the Agent 用 Shader Buttons 的免费 Thinking 变体做「生成中」按钮。换成靛紫色，亮度略降。 Use the free Thinking variant from Shader Buttons as a “generating” button. Switch to indigo and drop the brightness a little.