unity-shader-graph

Solid

Unity Shader Graph skill for visual shader authoring, custom nodes, and material effects.

AI & Automation 1,160 stars 71 forks Updated today MIT

Install

View on GitHub

Quality Score: 94/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
81
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Unity Shader Graph Skill Visual shader development using Unity Shader Graph. ## Overview This skill provides capabilities for creating shaders visually using Unity's Shader Graph, enabling artists and developers to build complex materials without writing code. ## Capabilities ### Visual Authoring - Create shader graphs for URP/HDRP - Connect nodes for material logic - Preview effects in real-time - Handle shader variants ### Effect Types - Surface shaders (Lit, Unlit) - Vertex displacement - UV manipulation - Procedural textures ### Custom Development - Create custom nodes - Build subgraphs - Implement shader keywords - Handle multi-pass rendering ### Material System - Generate materials from graphs - Expose material properties - Handle texture sampling - Implement triplanar mapping ## Prerequisites - Unity 2021.3+ - Shader Graph package - URP or HDRP project ## Usage Patterns ### Common Node Patterns ``` Dissolve Effect: Noise → Step → Alpha Clip Threshold → Alpha Rim Lighting: Fresnel Effect → Multiply → Add Emission Scrolling UV: Time → Multiply → Add UV → Sample Texture Vertex Animation: Noise → Position Offset → Position ``` ### Custom Function Node ```hlsl // Custom HLSL function for Shader Graph void MyCustomFunction_float(float3 In, out float3 Out) { Out = In * 2.0; } ``` ## Best Practices 1. Use subgraphs for reusable patterns 2. Minimize texture samples 3. Use shader keywords for variants 4. Profile on target platforms 5. Document exposed p...

Details

Author
a5c-ai
Repository
a5c-ai/babysitter
Created
4 months ago
Last Updated
today
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

unity-vfx-graph

Unity Visual Effect Graph skill for GPU particle systems, procedural effects, and high-performance visual effects.

1,160 Updated today
a5c-ai
AI & Automation Solid

godot-shaders

Godot shading language skill for visual shaders, custom rendering, and material effects.

1,160 Updated today
a5c-ai
AI & Automation Solid

unity-urp

Universal Render Pipeline configuration skill for Unity, including custom shaders, lighting setup, post-processing effects, and render feature development.

1,160 Updated today
a5c-ai
AI & Automation Solid

shader-effects

Common shader effects skill for dissolve, outline, hologram, toon, water, fire effects.

1,160 Updated today
a5c-ai
Web & Frontend Listed

shaders

Guides building GPU-accelerated visual effects in React / Next.js with the `shaders` npm package from shaders.com — declarative `<Shader>` component trees, composition (stacking, nesting, blend modes, masking), reactive props, dynamic prop drivers (`auto-animate`, `mouse-position`, `map`), shape (SDF) effects, color space, performance budget (RTT / generator vs filter), and SSR safety. Use when the user asks to add a "shader background", "WebGPU effect", "aurora / plasma / swirl / glass / cursor-trail" hero, mentions shaders.com, the `shaders/react` package, the `<Shader>` component, or wants animated GPU-rendered visuals in a React or Next.js app. Not for raw GLSL / WebGL / Three.js / react-three-fiber work — those use different APIs.

1 Updated today
Firzus