** Claude Code, Codex, Cursor, GitHub Copilot 및 Gemini CLI와 함께, 디버그 및 정제 프로세싱 GLSL 쉐이너.** Shader Skills는 20 개 모듈의 ** 186 GLSL 기능을 갖춘 에이전트 기술을 결합 **, 신뢰성 번들러, 검수원 그리고 11 준비 실행 Shadertoy 예제. SDF raymarched 장면을 구축, procedural 질감, 지형, 물, 구름과 유전 예술. 라이브러리는 WebGL2에서 컴파일되며 GPU 속성 테스트로 확인됩니다.

shader-art-coding를 선택하고 설치자에 코딩 에이전트. 다음 요청:

눈, 바람 강 및 대기 깊이와 알파인 계곡의 그늘을 만듭니다. 쉐이더 아트 코딩 기술을 사용하여 결과를 하나의 파일로 묶고 확인하십시오.

옵션 설치 · Shader 갤러리 · 사용 · GLSL 도서관 · Video-to-shader 프롬프트 · 출시 · 기여

Shader 갤러리

인포메이션 |—||||| 인포메이션 | SDF 아직도 생활: 혼합 재료, PBR, 부드러운 그림자, AO, AgX | 공중 관점으로 물리적으로 기반 하늘 아래 에드워드 지형 | 부피 측정 누적: 에너지 절약 통합, 맥주-파우더, 듀얼-로브 단계 | 인포메이션

Shader Skills — GLSL & Shadertoy for AI coding agents

Create, debug and refine procedural GLSL shaders with Claude Code, Codex, Cursor, GitHub Copilot and Gemini CLI. Shader Skills combines an agent skill with 186 GLSL functions in 20 modules, a dependency bundler, a checker and 11 ready-to-run Shadertoy examples. Build SDF raymarched scenes, procedural textures, terrain, water, clouds and generative art. The library is compiled in WebGL2 and checked with GPU property tests.

npx skills add gokayfem/shader-skills

Choose shader-art-coding and your coding agent in the installer. Then ask:

Create a Shadertoy shader of an alpine valley with snow, a winding river and atmospheric depth. Use the shader-art-coding skill, bundle the result into one file, and check it.

Install options · Shader gallery · Usage · GLSL library · Video-to-shader prompt · Releases · Contributing

Shader gallery

Each image links to its paste-ready shader. The sources are in skills/shader-art-coding/templates/.

Why

Coding agents can misremember formulas or skip visual checks, and WebGL rejects code that desktop GLSL accepts. Common results are struct ternaries, sine hashes that differ per GPU, SDFs with wrong signs, double gamma, and fog that ignores the sky. This skill closes those gaps: