SAIスキル大辞典Agent Skills Dictionary
⌕
文字
トップ›Skill›threejs-animation
UI/UX

threejs-animation

Three.jsアニメーション

Three.jsでキーフレーム、スケルトン、モーフターゲット、アニメーション混合、プロシージャル動作を扱うための実装ガイドです。

AIスキル大辞典による日本語要約
品質評価87/100評価確度：十分
人気度（GitHub Star） 100発掘スコア 56
01

このSkillでできること

  • ✓キーフレームアニメーションを扱う
  • ✓GLTFアニメーションを再生する
  • ✓スケルトンやボーンを使った動きを実装する
  • ✓モーフターゲットやアニメーション混合を扱う
02

使い方

01
STEP 1

アニメーション対象と形式を指定する

02
STEP 2

必要なクリップやアクションを整理する

03
STEP 3

補間、フェード、混合などのパターンを選ぶ

04
STEP 4

表示外停止やクリップキャッシュなどの最適化を確認する

03

Skillのインストール

初心者におすすめ

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/CloudAI-X/threejs-skills
手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

git clone https://github.com/pinkforest/threejs-playground.git
04

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

Three.jsでGLTFの歩行と走行アニメーションを読み込み、フェード付きで切り替える実装例を作成してください。
出力例を見る
アニメーション構成、主要APIの使用例、混合・フェード・性能上の注意点。
05

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
  • network: de/skills/` 3. Verify against [Three.js documentation](https://threejs.org/docs/) 4. Submit a pull request ### Skill File Guidelines - Use accurate, te
  • network: ify, and distribute. ## Acknowledgments - [Three.js](https://threejs.org/) - The 3D library these skills document
06

関連Skill