mcpField
T
threejs-postprocessing

threejs-postprocessing

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

threejs-postprocessing について

threejs-postprocessingは、Three.jsのレンダリングパイプラインにスクリーンスペースエフェクトを加えるスキルです。EffectComposerに加え、ブルーム、被写界深度、ぼかし、カラーグレーディングを扱います。

主な機能

  1. 01スクリーンスペースエフェクトのガイド
  2. 02EffectComposerのワークフロー
  3. 03ブルームや被写界深度への対応
  4. 04ぼかしとカラーグレーディング

活用シーン

  1. 01Three.jsのレンダリングへのブルーム追加
  2. 02被写界深度やぼかしの設定
  3. 03カラーグレーディングによる出力調整

インストール

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

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

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

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

詳細

Three.js ポストプロセッシング

詳細ガイド

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

使用する場面

  • Three.js のレンダリングパイプラインでスクリーンスペースの視覚効果が必要な場合。
  • タスクに EffectComposer、ブルーム、被写界深度、カラーグレーディング、ブラー、カスタムパスが含まれる場合。
  • ベースシーンのセットアップだけでなく、最終的なレンダリング画像を強化する場合。

制限事項

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

コメント