技能 threejs-animation
📦
threejs-animation
內容修訂 r1 安全 ⚙️ 外部命令
製作 Three.js 場景動畫
Three.js 動畫設定在 mixers、clips、bones 和 morph targets 之間可能很難組織。此技能提供針對 keyframes、GLTF animations、blending 和程序式動作的聚焦模式。
支援: Claude Codex Code(CC)
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
智能體請求
Review the Skillstore skill "threejs-animation" from https://skillstore.io/skills/cloudai-x-threejs-animation.md and its manifest at https://skillstore.io/api/skills/cloudai-x-threejs-animation/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「threejs-animation」。 我需要一個 cube 旋轉、彈跳，並在不同 frame rates 下保持流暢。
預期結果:
- 一份針對 clock setup、elapsed time 使用方式和 render loop 放置位置的逐步計畫。
- 一段關於 delta time 和平滑振盪的簡短說明。
正在使用「threejs-animation」。 一個 GLTF character 有 idle、walk 和 run clips，需要平滑轉場。
預期結果:
- 使用一個 mixer 和三個 actions 的 blending strategy。
- 針對 action weights、crossfades 和 speed thresholds 的指引。
正在使用「threejs-animation」。 一個 face mesh 需要隨時間控制 smile 和 blink morph targets。
預期結果:
- 一套識別 dictionary entries 和 influence weights 的 morph target workflow。
- 針對 keyframe timing 和程序式表情控制的建議。
安全審計
安全v4 • 2026/7/6 開啟版本化報告
All static alerts in SKILL.md are false positives caused by Markdown code fences, inline code formatting, or JavaScript Object.keys usage. The file is instructional Three.js animation documentation with code examples for mixers, clips, bones, morph targets, and procedural motion. No prompt injection, data exfiltration, shell execution, or sensitive key material was found.
1
已掃描檔案
553
分析行數
0
複核項目
0
已忽略的誤報
風險因素
⚙️ 外部命令 (45)
SKILL.md:10-27 SKILL.md:27-41 SKILL.md:41-53 SKILL.md:53-57 SKILL.md:57-106 SKILL.md:106-110 SKILL.md:110-117 SKILL.md:117-123 SKILL.md:123-138 SKILL.md:138-142 SKILL.md:142-150 SKILL.md:150-156 SKILL.md:156-190 SKILL.md:190-194 SKILL.md:194-210 SKILL.md:210-216 SKILL.md:216-258 SKILL.md:258-264 SKILL.md:264-281 SKILL.md:281-285 SKILL.md:285-298 SKILL.md:298-302 SKILL.md:302-311 SKILL.md:311-317 SKILL.md:317-332 SKILL.md:332-336 SKILL.md:336-351 SKILL.md:351-357 SKILL.md:357-391 SKILL.md:391-395 SKILL.md:395-407 SKILL.md:407-411 SKILL.md:411-435 SKILL.md:435-441 SKILL.md:441-464 SKILL.md:464-468 SKILL.md:468-493 SKILL.md:493-497 SKILL.md:497-515 SKILL.md:515-520 SKILL.md:520-525 SKILL.md:525-546 SKILL.md:546-550 SKILL.md:550-551 SKILL.md:551-552
最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。
審計單位: codex 檢視審計紀錄 →
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/cloudai-x-threejs-animation/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/cloudai-x-threejs-animation?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/cloudai-x-threejs-animation?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cloudai-x-threejs-animation/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/cloudai-x-threejs-animation.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>學術引用 (APA · BibTeX · CFF)
APA 引用
cloudai-x. (2026). threejs-animation security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cloudai-x-threejs-animation/audits/4BibTeX 引用
@techreport{cloudai-x-cloudai-x-threejs-animation-2026,
author = {cloudai-x},
title = {threejs-animation security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/cloudai-x-threejs-animation/audits/4},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "threejs-animation security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "cloudai-x"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cloudai-x-threejs-animation/audits/4"
identifiers:
- type: other
value: "skillstore:cloudai-x-threejs-animation:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore 評分
評分依據 證據置信度: 高 55
架構
85
可維護性
87
內容
69
社群
78
規範符合度
你可以打造什麼
混合角色移動
透過清楚的 AnimationMixer actions 和 weights，加入角色 idle、walk 與 run 轉場。
建立產品動態
使用程序式動畫模式建立產品物件動作、hover movement 和循環視覺效果。
對應匯入的 Rigs
檢視 GLTF clips、skeleton bones 和 morph targets 如何對應到 Three.js controls。
試試這些提示
開始基本循環
使用此技能說明一個會旋轉並彈跳的 mesh 所需的最小 Three.js 動畫循環。包含 clock、delta time 和 render update。
建立關鍵影格動作
使用此技能為 mesh 的 position、scale 和 rotation 動畫建立 keyframe plan。說明要使用哪些 track types 以及原因。
混合角色 Clips
使用此技能為 GLTF character 設計 idle、walk 和 run blending。包含 mixer setup、action weights 和 crossfade behavior。
最佳化動畫載入
使用此技能檢視包含許多 animated models 的場景。建議 mixer limits、clip caching、off-screen pauses 和 additive blending choices。
最佳實務
- 使用來自共用 Three.Clock 的 delta time 更新 mixers。
- 使用 crossfades 和 weights，而不是突然停止 actions。
- 最佳化 clips，並暫停不可見 animated objects 的更新。
避免
- 每一幀都建立新的 mixer。
- 未檢查 model 是否包含 bone names 就將其硬編碼。
- 當 object 位於螢幕外時仍執行每個 animation update。
常見問題
此技能會建立完整的 Three.js 場景嗎？
不會。它專注於動畫模式，並假設 scene、camera、renderer 和 assets 已經存在。
它能協助處理 GLTF animations 嗎？
可以。它會說明如何載入 clips、建立 mixers、播放 clips，以及依名稱尋找 clips。
它涵蓋 skeletal animation 嗎？
會。它會解釋 skeleton access、bone lookup、bone rotation、helpers 和 object attachments。
它能製作 morph targets 動畫嗎？
可以。它涵蓋 morph target dictionaries、influence weights、程序式變更和 keyframe tracks。
它包含效能指引嗎？
會。它包含 clip optimization、clip caching、off-screen pauses 和 mixer count guidance。
這是 runtime dependency 嗎？
不是。它是一項 documentation skill，用於引導 Claude、Codex 和 Claude Code 回應。