GS

gokayfem/shader-skills

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

409 stars Качество 74 Тренд 64MIT

Навыки шейдера GLSL и Shadertoy для Claude Code, Codex, Cursor, Copilot и Gemini CLI 186 функций, SDF raymarching, процедурная местность, вода, облака и генеративное искусство, с пульвером, шашкой...

Обзор

Shader Skills сочетает в себе агентское мастерство с , пучком зависимостей, шашкой и . Постройте лучезарные сцены SDF, процедурные текстуры, ландшафт, воду, облака и генеративное искусство. Библиотека компилируется в WebGL2 и проверяется с помощью тестов свойств GPU. Выберите шейдер-арт-кодирование и ваш агент кодирования в установщике. Тогда спроси: Создайте шейдер Шадертоя альпийской долины со снегом, извилистой рекой и атмосферной глубиной. Используйте навыки шейдерного кодирования, объедините результат в один файл и проверьте его. Каждое изображение ссылается на свой готовый к вставке шейдер. Источники - в навыках/шадер-арт-кодировании/шаблонах/. Кодирующие агенты могут неправильно запоминать формулы или пропускать визуальные проверки, а WebGL отклоняет код, который принимает рабочий стол GLSL. Общими результатами являются структурированные тройки, синусовые хэши, которые различаются по GPU, SDF с неправильными знаками, двойная гамма и туман, который игнорирует небо.

Обзор (машинный перевод)

**Создать, отладить и усовершенствовать процедурные шейдеры GLSL с помощью Claude Code, Codex, Cursor, GitHub Copilot и Gemini CLI. Shader Skills сочетает в себе агентское мастерство с функциями **186 GLSL в 20 модулях **, связке зависимостей, шашке и 11 готовых к запуску примеров Шадертоя. Постройте лучезарные сцены, процедурные текстуры, местность, воду, облака и порождающее искусство. Библиотека компилируется в WebGL2 и проверяется с помощью тестов свойств GPU.

Выберите shader-art-coding и ваш кодирующий агент в установщике. Тогда спроси:

Создайте шейдер из альпийской долины со снегом, извилистой рекой и атмосферной глубиной. Используйте навыки шейдерного кодирования, объедините результат в один файл и проверьте его.

Установите опции · Шадер галерея · Использование · Библиотека GLSL Скриншоты из Video-to-shader Релизы · Вклад

Шадер Галерея

| | | | [править править код] | | | | Натюрморт SDF: гладкие смеси со смешанными материалами, PBR, мягкие тени, AO, AgX | Размытая местность под физическим небом с воздушной перспективой | Объемный кумулус: энергосберегающая интеграция, Пиво-Порошок, фаза двойной мочки | | | |

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

README

Показан фрагмент оригинального README. Открыть оригинал.

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

SDF still life: smooth blends with blended materials, PBR, soft shadows, AO, AgX Eroded terrain under a physically based sky with aerial perspective Volumetric cumulus: energy-conserving integration, Beer-Powder, dual-lobe phase
2D distance-field poster: Oklab gradients, polar leaves, Bézier trunks Texture-free materials: warped marble, Voronoi cracks, hex tiles, Truchet, filtered checker Ocean: dispersive waves with analytic curvature foam, Fresnel sky, glitter path widening with distance

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:

Открыть полный README на GitHub

Рекомендуемые инструменты

Попробуйте другой запрос или уберите фильтр.

Установка

npx skillfish add gokayfem/shader-skills
Новичок в MCP? Начните с руководства на mcpskill.org →