three
Build Deterministic Three.js HyperFrames Scenes
Frame-accurate Three.js rendering is hard when scenes depend on wall-clock animation. This skill shows HyperFrames patterns that render from hf-seek time.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "three" from https://skillstore.io/skills/heygen-com-three.md and its manifest at https://skillstore.io/api/skills/heygen-com-three/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "three". A scene rotates an object with requestAnimationFrame and elapsed clock deltas.
Expected outcome:
The skill would recommend deriving rotation from HyperFrames time and rendering only when hf-seek fires.
Using "three". A GLTF clip must match the exact rendered video frame.
Expected outcome:
The skill would describe seeking each AnimationMixer to the requested time before rendering the scene.
Using "three". A WebGL layer changes with device pixel ratio during rendering.
Expected outcome:
The skill would recommend fixed renderer size and pixel ratio settings for stable video output.
Security Audit
SafeMost static findings are Markdown backticks, code fences, API names, or reference links that do not execute commands. The only confirmed issue is a sample Three.js import from a third-party CDN, which is a low-severity supply-chain dependency.
Capability review items (1)
These are real local capabilities that may be expected for this skill, so they require review but are not counted as confirmed malicious behavior.
Risk Factors
⚙️ External commands (17)
🌐 Network access (3)
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/heygen-com-three/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/heygen-com-three?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/heygen-com-three?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/heygen-com-three/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/heygen-com-three.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA · BibTeX · CFF)
APA citation
heygen-com. (2026). three security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-three/audits/6BibTeX citation
@techreport{heygen-com-heygen-com-three-2026,
author = {heygen-com},
title = {three security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/heygen-com-three/audits/6},
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: "three security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "heygen-com"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/heygen-com-three/audits/6"
identifiers:
- type: other
value: "skillstore:heygen-com-three:audit:6"
description: "Skillstore immutable audit report identifier"
Skillstore Score
Why this score Evidence Confidence: HighWhat You Can Build
Create Product Spins
Build repeatable Three.js object rotations that render the same frame for the same HyperFrames time.
Validate WebGL Video Layers
Check WebGL canvas layers for deterministic sizing, timing, and frame output before rendering video.
Adapt GLTF Animation Clips
Use AnimationMixer setTime patterns so authored clips follow HyperFrames seek events.
Try These Prompts
Use the three skill to create a simple HyperFrames Three.js scene that renders from hf-seek time.
Review my Three.js HyperFrames scene and replace wall-clock animation with deterministic time-based rendering.
Show how to drive multiple Three.js AnimationMixer instances from HyperFrames hf-seek events.
Audit this HyperFrames Three.js composition for render-critical network loads, pixel ratio issues, and non-deterministic frame history.
Best Practices
- Load render-critical assets before validation or seeking begins.
- Use HyperFrames time as the only source for render-critical motion.
- Pin renderer dimensions and pixel ratio for video renders.
Avoid
- Using Date.now or performance.now to update render-critical state.
- Fetching remote models, textures, or HDRIs during seek events.
- Depending on previous frame history without reconstructing state from time.
Frequently Asked Questions
What does this skill help build?
Does it include a complete app?
How should animation time be handled?
Can it support GLTF animation?
Does it require remote assets?
Which tools can use it?
Developer Details
Author
heygen-comLicense
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Ref
0519034dad657fb1f7706e0550e962beeda73fdf
Maintenance freshness
7/18/2026
Usage
2 downloads · 53 views
File structure
📄 SKILL.md