mcpField
T
threejs-shaders

threejs-shaders

github.com/sickn33クリエイティブ・メディア48.8k140 回インストール今日更新
リポジトリ

threejs-shaders について

threejs-shadersは、Three.jsのシェーダー開発向けスキルです。カスタムGLSLや組み込みマテリアルを超える拡張を、手順と参照資料に沿って進めます。検証と安全要件も示します。

主な機能

  1. 01Three.jsカスタムシェーダーのガイド
  2. 02ShaderMaterialとuniformの手順
  3. 03GLSLによる頂点・フラグメント効果
  4. 04手順書と参照資料

活用シーン

  1. 01カスタムシェーダーロジックの実装
  2. 02GLSLによる頂点変形
  3. 03フラグメント視覚効果の追加

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill threejs-shaders

インストール後、Claude Code で/threejs-shadersを入力して読み込まれたか確認します。

同梱ファイルreferences/detailed-guide.md

詳細

Three.js シェーダー

詳細ガイド

このスキルを実行する前に、詳細ガイドをお読みください。そこには完全な手順と参考資料が記載されています。その安全性、前提条件、検証要件は必須のものとして扱ってください。集中的な作業では関連するセクションを読み込み、エンドツーエンドの作業ではガイドを完全に読んでください。

使用する場面

  • Three.js でカスタムシェーダーロジックが必要な場合。
  • タスクに ShaderMaterial、uniforms、GLSL、頂点変形、またはフラグメントベースのエフェクトが含まれる場合。
  • 組み込みマテリアルが提供する範囲を超えてマテリアルの動作を拡張する場合。

制限事項

  • タスクが上記の範囲に明確に一致する場合にのみ、このスキルを使用してください。
  • 出力を、環境固有の検証、テスト、または専門家によるレビューの代わりとして扱わないでください。
  • 必要な入力、権限、安全境界、または成功基準が欠けている場合は、停止して明確化を求めてください。

コメント