gokayfem/shader-skills

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。原文を見る

409 stars 品質 74 トレンド 64MIT

Claudeコード、コーデックス、カーソル、コピロット、Gemini CLIのGLSLとShadertoyシェーダースキル。 186関数、SDF raymarching、手続き型地形、水、雲、およびジェネレーションアート、バンドラー、チェッカー...

概要

シェーダースキルは、エージェントのスキルと、依存性ブラー、チェッカーと組み合わせます。 SDFのレイマケドシーン、先例のテクスチャー、地形、水、雲、およびジェネレーションアートを構築します。ライブラリはWebGL2でコンパイルされ、GPUプロパティテストでチェックされます。インストーラでシェーダーアートコーディングとコーディングエージェントを選択します。それから尋ねて下さい: 雪と風流の川と大気の深さで高山の谷の陰影を作成します。シェーダーアートコーディングのスキルを使用して、結果を1つのファイルにバンドルし、それをチェックします。それぞれの画像は、そのペースト状のシェーダーにリンクします。ソースはスキル/シェーダーアートコーディング/テンプレート/です。コーディングエージェントは、式を覚えているか、ビジュアルチェックを省略したり、WebGLはデスクトップGLSLが受け入れるコードを拒否することができます。一般的な結果は、GPU、SDFsと誤った兆候、二重ガンマ、および空を無視する霧ごとに異なる正弦、正弦のハッシュを指示しています.

概要（AI 翻訳）

Claude Code、Codex、Cursor、GitHub Copilot、Gemini CLI で Procedural GLSLシェーダーを作成します。 Shader Skills は 20 のモジュールの 186 GLSL 機能とエージェントのスキルを組み合わせています、依存関係のバンドラー、チェッカーと11対応のShadertoy例。 SDF の raymarched シーン、手続き型テクスチャ、地形、水、クラウドとジェネレーションアート。ライブラリはWebGL2でコンパイルされ、GPUプロパティテストでチェックされます。

[shader-art-coding] を選択し、インストーラー内のコーディングエージェントを選択します。それから尋ねて下さい:

雪と風流の川と大気の深さで高山の谷のシャダートイシェーダーを作成します。シェーダーアートコーディングのスキルを使用して、結果を1つのファイルにバンドルし、それをチェックします。

オプション・シェーダーギャラリー・利用方法・ GLSLライブラリ・ビデオ・ツー・シャダーのプロンプト・リリース・投稿

シェーダーギャラリー

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

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

Shader gallery



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:

GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add gokayfem/shader-skills

MCP 初心者？mcpskill.org のガイドから始めましょう →