shadertoy
✓当使用 Shadertoy 着色器、GLSL 片段着色器或为 Web 创建程序图形时，应该使用此技能。在编写 .glsl 文件、实现视觉效果、创建生成艺术或使用 WebGL 着色器代码时使用。此技能提供 GLSL ES 语法参考、常见着色器模式和 Shadertoy 特定约定。
SKILL.md
Shadertoy is a platform for creating and sharing GLSL fragment shaders that run in the browser using WebGL. This skill provides comprehensive guidance for writing shaders including GLSL ES syntax, common patterns, mathematical techniques, and best practices specific to real-time procedural graphics.
| vec3 | iResolution | Viewport resolution (x, y, aspect ratio) | | float | iTime | Current time in seconds (primary animation driver) | | float | iTimeDelta | Time to render one frame | | int | iFrame | Current frame number | | vec4 | iMouse | Mouse: xy = current position, zw = click position | | sampler2D | iChannel0-iChannel3 | Input textures/buffers |
| vec3 | iChannelResolution[4] | Resolution of each input channel | | vec4 | iDate | Year, month, day, time in seconds (.xyzw) |
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/bfollington/terma --skill shadertoy- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 shadertoy？
当使用 Shadertoy 着色器、GLSL 片段着色器或为 Web 创建程序图形时，应该使用此技能。在编写 .glsl 文件、实现视觉效果、创建生成艺术或使用 WebGL 着色器代码时使用。此技能提供 GLSL ES 语法参考、常见着色器模式和 Shadertoy 特定约定。 来源：bfollington/terma。
如何安装 shadertoy？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/bfollington/terma --skill shadertoy 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/bfollington/terma
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01