skills.rest
rheadsh
rheadshCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

td-glsl

Create and modify GLSL shaders for TouchDesigner's visual programming environment.

38|1|Updated Feb 8, 2026
Search Tags:#generative art#glsl#visual effects#shader#touchdesigner#gpu programming
One-click install
npx skills add https://github.com/rheadsh/audiovisual-production-skills --skill td-glsl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: td-glsl
Source: https://github.com/rheadsh/audiovisual-production-skills/tree/main/td-glsl
Command: npx skills add https://github.com/rheadsh/audiovisual-production-skills --skill td-glsl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill empowers users to create custom visual effects and complex shaders for TouchDesigner, overcoming the limitations of pre-built nodes and enabling unique graphical experiences.

Core Features & Use Cases

  • GLSL Shader Development: Write, debug, and optimize GLSL shaders for TouchDesigner's GLSL TOP, MAT, and COMP operators.
  • Visual Effects & Image Processing: Develop shaders for generative art, real-time graphics, post-processing effects, and GPU computations.
  • Use Case: Create a custom ripple distortion effect for a video feed in TouchDesigner by writing a GLSL shader that manipulates UV coordinates based on a noise pattern.

Quick Start

Use the td-glsl skill to write a basic TouchDesigner GLSL shader that samples the first input texture and outputs it.

Frequently Asked Questions about td-glsl

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I write custom GLSL shaders for TouchDesigner visual effects?▼

To write custom GLSL shaders for TouchDesigner visual effects, you create and modify pixel, vertex, and compute shaders using TouchDesigner's GLSL API conventions for uniforms, inputs, and outputs.

Can I use GLSL shaders for real-time generative art in TouchDesigner?▼

Yes, you can use GLSL shaders for real-time generative art in TouchDesigner by developing shaders within GLSL TOP, MAT, and COMP operators to enable unique graphical experiences and GPU computations.

What's the best way to create a ripple distortion effect on a video feed in TouchDesigner?▼

The best way to create a ripple distortion effect on a video feed in TouchDesigner is writing a GLSL shader that manipulates UV coordinates based on a noise pattern, overcoming the limitations of pre-built nodes.

Does TouchDesigner GLSL support compute shaders for image processing?▼

Yes, TouchDesigner GLSL supports compute shaders for image processing, allowing you to develop custom post-processing effects and perform GPU computations for real-time graphics applications.

Do I need to follow specific API conventions for TouchDesigner GLSL shader development?▼

Yes, TouchDesigner GLSL shader development requires strict adherence to TouchDesigner's GLSL API and conventions for uniforms, inputs, and outputs to ensure proper execution within the visual programming environment.

Related Skills

Explore More Design & Creative Skills→
bfollingtonbfollington
52

shadertoy

Write and edit Shadertoy GLSL fragment shaders with syntax references and patterns.

Community
Basic
huangzidahuangzida
2

threejs-shaders

Create and integrate custom GLSL shaders into Three.js scenes.

Community
Advanced
GuiGPaPGuiGPaP
1

td-glsl

Provide GLSL shader templates and references for TouchDesigner TOP, MAT, and POP.

Community
Advanced
het8802het8802
3

threejs-shaders

Create custom Three.js visual effects with GLSL shaders and uniforms.

Community
Advanced