Best shaders skills for Claude Code, Codex and other agents.

Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects…

zanwei/design-dna

Generates WebGL shaders for video effects, transitions, masks and color grades in the OpenChatCut editor, trying built-in catalog effects such as zoom before making anything new.

0xsline/OpenChatCut

Use this skill first for ANY PixiJS v8 task; it routes to the right specialized skill for the job.

RSamaium/CanvasEngine

Create a new experiment in TresJS Lab with all necessary files

Tresjs/tres

List all shaders available in the project assets and packages, sorted by name.

IvanMurzak/Unity-MCP

GPU frame debugging with RenderDoc via rdc-cli. An agent skill from rudybear/renderdoc-skill.

rudybear/renderdoc-skill

RenoDX HLSL/Slang shader workflow for proven shader-side SDR tonemap, hard clip, LUT, color grade, and HDR bridge changes.

clshortfuse/renodx

Walks an Unreal Engine MCP agent through building materials, Niagara particle systems, Chaos destruction, and curve assets with inspect-then-edit steps.

flopperam/unreal-engine-mcp

A skill your agent uses when working with RenderDoc capture files (.rdc), analyzing GPU frames, tracing shaders, inspecting draw calls, or running CI assertions against GPU captures.

BANANASJIM/rdc-cli

Write Metal/MPS kernels for PyTorch operators. An agent skill from pytorch/pytorch.

pytorch/pytorch

Creates, edits and compiles Unreal Engine 5.8 material assets as one HLSL Custom node through the UMG MCP bridge, instead of editing .uasset files directly.

winyunq/UnrealMotionGraphicsMCP

RenoDX DevKit workflow for tracing swapchain/output passes, SwapChainPass, RGBA8U/UNORM limits, RGBA16F proxy resources, gamma-space float pipelines, HDR10-preferred SDR/HDR output toggles, rare…

clshortfuse/renodx

Sokol.NET framework development — use for ANY work in this repo: creating or debugging examples, building/running for desktop/Android/iOS/Web, writing or compiling shaders, adding a new C/C++…

elix22/Sokol.NET

Builds and edits Unreal Engine UMG interfaces through the Unreal Motion Graphics MCP, covering widget trees, HLSL materials, Sequencer animations and readback checks.

winyunq/UnrealMotionGraphicsMCP

Provides patterns and best practices for TouchDesigner via MCP API - operator creation, network layout, rendering, GLSL shaders, data conversion (CHOP/SOP/POP/TOP/DAT).

satoruhiga/claude-touchdesigner

Advanced SwiftUI visuals - Metal shaders (.colorEffect, .layerEffect, .distortionEffect), .visualEffect, Liquid Glass (iOS 26), Canvas, holographic and CRT effects.

AThevon/genjutsu

Production pipeline for interactive and generative visual art using p5.js.

Tommy-yw/RunbookHermes

Extract visual content from a BibiGPT video (slides, OCR, on-screen text) and generate a mind map from a saved summary.

JimmyLv/bibigpt-skill

Creates and edits Defold resource and component files that use Protobuf Text Format (.collection, .go, .atlas, .sprite, .gui, .collisionobject, .convexshape, .label, .font, .material, .model, .mesh…

selimanac/defold-astar

Decides whether an interface effect belongs in CSS, SVG, Canvas 2D, WebGL or WebGPU, then builds, debugs and visually verifies focused GPU effects inside product UIs.

v2space-labs/shader-for-interfaces

Run jobs on the fly.ai compute network and pay for them - fly connectome experiments, or the user's own WebAssembly programs and WGSL GPU shaders, run by browser miners.

alextitonis/fly.ai

RenoDX pull request code review checklist for HDR/SDR matching, neutral defaults, tonemap/LUT shaders, SDR LUT clipping/domain mistakes, renodx::lut tooling, SwapChainPass, HDR10-preferred SDR/HDR…

clshortfuse/renodx

Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film…

nirholas/three.ws

TypeGPU is type-safe WebGPU in TypeScript. An agent skill from software-mansion-labs/skills.

software-mansion-labs/skills

Extract, reproduce, and locally replay a single WebGL / WebGPU / Canvas / shader / animated-3D visual effect from a web page — the GPU-rendered surface that DOM/CSS cloning is blind to.

cth9191/site-clone

Create Framer Code Components and Code Overrides. An agent skill from fredm00n/framerlabs.

fredm00n/framerlabs

Write a new DreamShader source from a plain-language description — a material, material function, layer, material instance or Custom Pass pipeline — then check and compile it headlessly to prove it…

TypeDreamMoon/DreamShader

Implement, migrate, review, debug, or verify Three.js Shading Language (TSL) materials, node graphs, WebGPU compute work, and post-processing.

pmndrs/glyph

ALWAYS use when porting an existing D3D11 engine or renderer to AGFX — translating ID3D11Device/DeviceContext/InputLayout/state-object code to agfxDevice/agfxCommandBuffer/agfxRenderPipeline calls…

AmelieHeinrich/agfx

Architecture and gotchas for packages/stage — the Threlte/Three.js map renderer (layers, two-pass rendering, shaders, coordinate flips, performance tiers, disposal).

Siege-Perilous/tableslayer

Build small, always-on WebGL visuals (identity avatars, ambient orbs, glass and iridescent surfaces, animated textures) that ship inside a normal web app UI without wrecking performance…

flornkm/skills

A skill for developing the Vulkan renderer in Yamagi Quake II Remaster.

yquake2/yquake2remaster

Export an existing Unreal material, material function, layer, layer blend, material instance or Custom Pass pipeline back into DreamShaderLang source headlessly, so a hand-built material graph or…

TypeDreamMoon/DreamShader

Add a new compute or surface shader for sensor data processing or visualization.

lge-ros2/cloisim

ALWAYS use when porting an existing D3D12 engine or renderer to AGFX — translating ID3D12Device/CommandList/PipelineState/RootSignature/DescriptorHeap code to…

AmelieHeinrich/agfx

Three.js materials - PBR, basic, phong, shader materials, material properties.

OWWZO/ai-agent

Resolve a DreamShader compile error or warning — look its DSH code up, explain the cause, and fix the source — or find out why a DreamShader material silently comes out wrong.

TypeDreamMoon/DreamShader

Get naga WGSL validation working in a repo — installs the naga/jq toolchain, a PostToolUse hook that compiles every .wgsl on write, and a batch validate-shaders script, so shader checking then…

oframe/ogpu

ALWAYS use when porting an existing OpenGL (or OpenGL ES) engine or renderer to AGFX — translating glGenTextures/glBindTexture/glBufferData/glUseProgram/FBO code to…

AmelieHeinrich/agfx

Build 2D browser games with Phaser 4: WebGL-first rendering, scenes, filters, lighting, shaders, DynamicTexture and RenderTexture, tilemaps, SpriteGPULayer, TilemapGPULayer, and Phaser 3 to 4…

chongdashu/vibejam-starter-pack

Three.js post-processing - EffectComposer, bloom, DOF, screen effects.

OWWZO/ai-agent

Create and debug Minecraft 26.x and 1.21.x resource packs, including pack metadata, textures, models, blockstates, item definitions, sounds, fonts, animations, and shaders.

Jahrome907/minecraft-agent-skills

Rewrite DreamShaderLang 1.x sources (.dsm / .dsf / .dsh) as 2.0 .dss with dsc migrate, which proves each rewrite builds the same graph before it writes anything.

TypeDreamMoon/DreamShader

ALWAYS use when porting an existing Vulkan engine or renderer to AGFX — translating VkDevice/VkCommandBuffer/VkPipeline/VkDescriptorSet/VkRenderPass code to…

AmelieHeinrich/agfx

Implement custom GLSL or TSL materials in React Three Fiber, including uniforms and vertex deformation.

EnzeD/r3f-skills

HLSL code generation, StringBuilder patterns, builtin headers, and DXIL embedding.

LuisaGroup/LuisaCompute

A skill your agent uses when writing custom shaders, uniforms, filters, or batchers in PixiJS v8.

netaart/cohub

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects.

OWWZO/ai-agent