shader-basics

Create 2D and 3D shaders in Godot 4.3+ with recipes and post-processing techniques.

538|28|Updated Apr 3, 2026
One-click install
npx skills add https://github.com/jame581/GodotPrompter --skill shader-basics
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shader-basics
Source: https://github.com/jame581/GodotPrompter/tree/main/skills/shader-basics
Command: npx skills add https://github.com/jame581/GodotPrompter --skill shader-basics

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating robust Godot shaders and post-processing effects often requires assembling scattered recipes and guessing best practices. This Skill centralizes shader knowledge, providing structured concepts, ready-to-use patterns, and clear guidance to accelerate visual development.

Core Features & Use Cases

  • Wide coverage of 2D and 3D shaders, including CanvasItem and Spatial shaders, shader materials, and VisualShader workflows.
  • Practical recipes for common effects (dissolve, outline, glow, vignette, scrolling UV, toon shading) that can be adapted to games.
  • Guided workflows for post-processing and compositing in Godot 4.x, with notes on when to use CanvasLayer overlays, WorldEnvironment, and VisualShader graphs.

Quick Start

Open a Godot project and begin implementing the included shader recipes to quickly prototype visual effects.

Frequently Asked Questions about shader-basics

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

FAQPage Schema
How do I create a dissolve or outline shader effect in Godot?

Creating dissolve and outline shaders in Godot involves modifying alpha channels and sampling neighboring pixels in a spatial or canvas_item shader. This Skill provides ready-to-use recipes and practical patterns to directly implement these visual effects.

Does this Skill support Godot 4.3 spatial and canvas_item shaders?

Yes, it fully supports Godot 4.3+ spatial and canvas_item shaders. It covers both ShaderMaterial code workflows and VisualShader graph creation for 2D and 3D rendering contexts.

What is the best way to set up post-processing effects in Godot?

The best way to set up Godot post-processing is by applying shaders through WorldEnvironment or CanvasLayer overlays. This Skill provides guided workflows for compositing effects like vignette and glow, noting when to use specific nodes.

Can I use GLSL syntax for Godot visual shader development?

Godot uses a GLSL-like shader language rather than pure GLSL, featuring specific render modes and uniforms. This Skill documents these syntax differences, common pitfalls, and best practices for adapting GLSL concepts to Godot's shader environment.

How do I implement toon shading and scrolling UVs in a Godot 3D game?

Implementing toon shading and scrolling UVs in Godot requires manipulating fragment outputs and UV coordinates within a spatial shader. This Skill supplies adaptable recipes for these specific 3D visual techniques.

Why use VisualShader graphs instead of writing code for Godot shaders?

Using VisualShader graphs instead of written code provides a node-based workflow for Godot shaders, which can be more intuitive for visual development. This Skill covers VisualShader workflows alongside traditional shader language coding approaches.