mcpField
T
threejs-fundamentals

threejs-fundamentals

github.com/sickn33開発48.8k119 回インストール今日更新
リポジトリ

threejs-fundamentals について

基本的な3Dシーンを構築、整理する開発者向けのThree.js入門スキルです。シーン構成、カメラ、レンダラー、変換、リサイズ、オブジェクト階層を扱い、専門的なテーマに進む前の基礎を提供します。

主な機能

  1. 01Three.jsシーンの基本構成
  2. 02カメラとレンダラーの設定
  3. 03変換とオブジェクト階層
  4. 04シーンのリサイズ処理
  5. 05発展的なテーマに向けた基礎ガイダンス

活用シーン

  1. 01基本的なThree.jsシーンの構築
  2. 02カメラ、レンダラー、リサイズへの対応
  3. 03シェーダーやポストプロセス前の基礎習得

インストール

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

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

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

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

詳細

Three.js の基礎

詳細ガイド

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

使用する場面

  • Three.js シーンのコア構造をセットアップする必要がある場合。
  • タスクにシーン、カメラ、レンダラー、トランスフォーム、リサイズ処理、またはオブジェクト階層の基本が含まれる場合。
  • シェーダーやポストプロセッシングなどの専門的なトピックに取り組む前に、Three.js の基礎的なガイダンスが欲しい場合。

制限事項

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

コメント