シェーダーが200以上のWebGPUコンポーネントをオープンソース化、AIでウェブエフェクトを書く際にWGSLをゼロから書く必要なし

動察 Beating AI 速報、ウェブエフェクトツール Shaders がオープンソース化を発表。主にグラデーション、流体、ガラス、金属、歪みなどの GPU 動的エフェクトを制作するために使われ、開発者が低レベルからグラフィックスコードを書かなくても、ウェブサイトに複雑な視覚エフェクトを追加できる。

今回 Shaders は 200 以上の WebGPU エフェクトコンポーネント、コアレンダリングエンジン、複数のフロントエンドフレームワーク対応コードを MIT ライセンスで公開した。開発者は個人・商用プロジェクトで無料で利用できる。また、公式のウェブエディターでエフェクトを調整してから、React、Vue、Svelte などのプロジェクトでそのまま使えるコードを無料でエクスポートすることも可能。

このツールは AI Coding にも非常に実用的だ。Claude Code、Cursor、Codex などの Agent は MCP を通じてこれらのコンポーネントを直接検索・呼び出しできる。以前は Agent が複雑なウェブエフェクトを作ろうとすると、その場で低レベルの WGSL コードを生成する必要があり、効果もパフォーマンスも不安定だった。今は既成のコンポーネントを直接修正でき、ゼロからコードを書いてパフォーマンスを調整する手間が大幅に減る。

ただし、Shaders は製品全体をオープンソース化したわけではない。ビジュアルエディターは引き続き公式が運営し、一部の高度なプリセット、完全なウェブブロック、画像・動画レンダリングなどの機能は有料 Pro 版に残されている。