스킬 hyperframes-animation
📦
hyperframes-animation
콘텐츠 리비전 r2 높은 위험 ⚙️ 외부 명령어🌐 네트워크 접근📁 파일 시스템 접근⚡ 스크립트 포함🔑 환경 변수
결정론적 HyperFrames 애니메이션 구축
복잡한 모션 장면은 결정론성과 안전한 시킹을 유지하기 어렵습니다. 이 스킬은 재사용 가능한 HyperFrames 규칙, 블루프린트, 전환, 어댑터 및 안무 감사를 제공합니다.
지원: Claude Codex Code(CC)
설치 전에 중지하고 확인을 요청하세요.
계획을 검토하고 파일을 변경하기 전에 사용자의 명시적 동의를 받으세요.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
에이전트 요청
Review the Skillstore skill "hyperframes-animation" from https://skillstore.io/skills/heygen-com-hyperframes-animation.md and its manifest at https://skillstore.io/api/skills/heygen-com-hyperframes-animation/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"hyperframes-animation" 사용 중입니다. 여섯 개의 기능 카드를 제품 개요로 애니메이션하세요.
예상 결과:
grid-card-assemble 블루프린트를 사용하세요. 짧은 슬라이드 및 페이드 인을 스태거로 적용하고, 완성된 그리드를 유지한 뒤 기본 카드로 초점을 전환하세요.
"hyperframes-animation" 사용 중입니다. 시킹 가능한 3D 기기 등장 장면을 만드세요.
예상 결과:
기기에는 Three.js를 사용하고 단일 일시 정지된 HyperFrames 타임라인을 사용하세요. 결정론적 시킹 값으로 카메라, 객체 변환 및 믹서 시간을 제어하세요.
"hyperframes-animation" 사용 중입니다. 긴 빈 구간이 있는 애니메이션 맵을 검토하세요.
예상 결과:
맵에 안무 공백 구간이 표시됩니다. 이전 정착 구간을 늘리거나, 다음 등장을 앞당기거나, 의도적인 초점 전환을 추가하세요.
보안 감사
높은 위험v5 • 2026. 7. 19. 버전별 보고서 열기
Most static matches are false positives caused by animation documentation, JavaScript template literals, example URLs, and test utilities. The audit confirmed a dependency-provenance risk: environment-controlled module search paths feed a dynamic import, and the fallback bootstrap can install @latest. No prompt injection, secret collection, covert exfiltration, or screen-capture upload behavior was found. Static review was capped at 400/648 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.
102
스캔된 파일
25,346
분석된 줄 수
5
검토 항목
0
오탐 무시됨
확인된 보안 우려 사항 (3)
높음
Environment file access
return (process.env[NODE_MODULES_ENV] ?? "").split(delimiter).filter(Boolean);
This environment variable controls directories searched for module resolution. Its value can influence which JavaScript module is dynamically imported.
높음
Environment file access
for (const entry of (process.env.PATH ?? "").split(delimiter)) {
PATH-derived node_modules directories participate in module resolution before dynamic import. A manipulated environment can redirect execution to an attacker-controlled local package.
높음
Unpinned fallback dependency bootstrap
When the bundled package version cannot be discovered, the loader falls back to @latest before a temporary npm install. This weakens the stated pinned-spec protection and permits an unexpected package version to execute after installation.
The code explicitly returns an @latest package spec in this fallback path, while the file comments describe pinned specifications as a security control.
기능 검토 항목 (5)
이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.
중간
Dynamic import() expression
modules[packageName] = await import(pathToFileURL(entry).href);
The loader dynamically imports a module entry resolved from configured directories. A malicious package placed in a trusted-by-process module location would execute in the local Node process.
낮음
Environment variable access (bracket notation)
return (process.env[NODE_MODULES_ENV] ?? "").split(delimiter).filter(Boolean);
This environment variable controls directories searched for module resolution. Its value can influence which JavaScript module is dynamically imported.
낮음
Environment variable access (dot notation)
for (const entry of (process.env.PATH ?? "").split(delimiter)) {
PATH-derived node_modules directories participate in module resolution before dynamic import. A manipulated environment can redirect execution to an attacker-controlled local package.
낮음
Environment variable object
return (process.env[NODE_MODULES_ENV] ?? "").split(delimiter).filter(Boolean);
This environment variable controls directories searched for module resolution. Its value can influence which JavaScript module is dynamically imported.
낮음
Environment variable object
for (const entry of (process.env.PATH ?? "").split(delimiter)) {
PATH-derived node_modules directories participate in module resolution before dynamic import. A manipulated environment can redirect execution to an attacker-controlled local package.
위험 요인
⚙️ 외부 명령어 (50)
adapters/animate-text.md:57-58 adapters/animate-text.md:58-59 adapters/animate-text.md:59-60 adapters/html-in-canvas-patterns.md:104-127 adapters/html-in-canvas-patterns.md:168-171 adapters/html-in-canvas-patterns.md:192-217 adapters/html-in-canvas-patterns.md:301-307 adapters/html-in-canvas-patterns.md:308-315 examples/brand-reveal-assemble-zoom.html:252 examples/concept-demo-decode-pan.html:18 examples/concept-demo-decode-pan.html:321 examples/cta-orbit-collapse.html:302 examples/cta-orbit-collapse.html:363 examples/cta-orbit-collapse.html:430 examples/cta-orbit-collapse.html:941 examples/cta-orbit-collapse.html:942 examples/cta-orbit-collapse.html:974 examples/cta-orbit-collapse.html:999 examples/cta-orbit-collapse.html:1017 examples/cta-orbit-collapse.html:1061 examples/cta-orbit-collapse.html:1062 examples/cta-orbit-collapse.html:1238 examples/demo-page-scroll-spotlight.html:645 examples/demo-page-scroll-spotlight.html:646 examples/hook-counter-burst.html:465 examples/hook-counter-burst.html:502 examples/messaging-multi-phrase.html:32 examples/messaging-multi-phrase.html:38 examples/messaging-multi-phrase.html:39 examples/messaging-multi-phrase.html:96 examples/problem-mockup-overwhelm.html:28 examples/problem-mockup-overwhelm.html:30 examples/problem-mockup-overwhelm.html:37 examples/problem-mockup-overwhelm.html:38 examples/proof-logo-chain.html:581 examples/takeover-ticker-displace.html:264 examples/takeover-ticker-displace.html:274 examples/workflow-approve-press.html:583 examples/workflow-approve-press.html:586 rules/3d-text-depth-layers.md:86-93 rules/3d-text-depth-layers.md:93-94 rules/3d-text-depth-layers.md:94-136 rules/3d-text-depth-layers.md:136-145 rules/3d-text-depth-layers.md:177-183 rules/3d-text-depth-layers.md:190-191 rules/ai-tracking-box.md:156-184 rules/ai-tracking-box.md:184-185 rules/ai-tracking-box.md:185-192 rules/ai-tracking-box.md:192-193 rules/ai-tracking-box.md:193-194
🌐 네트워크 접근 (50)
adapters/animejs.md:23 adapters/animejs.md:74 adapters/gsap.md:15 adapters/html-in-canvas-patterns.md:133 adapters/html-in-canvas-patterns.md:134 adapters/html-in-canvas-patterns.md:135 adapters/html-in-canvas-patterns.md:136 adapters/html-in-canvas-patterns.md:137 adapters/lottie.md:24 adapters/lottie.md:50 adapters/three.md:26 adapters/three.md:75 adapters/three.md:76 examples/brand-reveal-assemble-zoom.html:28 examples/comparison-split-cards.html:28 examples/concept-demo-decode-pan.html:23 examples/cta-morph-press.html:30 examples/cta-orbit-collapse.html:62 examples/demo-page-scroll-spotlight.html:28 examples/hook-counter-burst.html:34 examples/messaging-multi-phrase.html:43 examples/metric-video-text-pivot.html:34 examples/problem-mockup-overwhelm.html:48 examples/proof-logo-chain.html:29 examples/takeover-ticker-displace.html:25 examples/workflow-approve-press.html:34 rules/3d-page-scroll.md:108 rules/3d-text-depth-layers.md:78 rules/ai-tracking-box.md:137 rules/ambient-glow-bloom.md:118 rules/asr-keyword-glow.md:90 rules/avatar-cloud-network.md:148 rules/camera-cursor-tracking.md:108 rules/card-morph-anchor.md:107 rules/center-outward-expansion.md:87 rules/context-sensitive-cursor.md:85 rules/coordinate-target-zoom.md:180 rules/counting-dynamic-scale.md:108 rules/cursor-click-ripple.md:99 rules/depth-of-field-blur.md:97 rules/depth-scatter-assemble.md:98 rules/discrete-text-sequence.md:84 rules/dynamic-content-sequencing.md:113 rules/gsap-effects.md:217 rules/gsap-effects.md:19 rules/gsap-effects.md:20 rules/hacker-flip-3d.md:86 rules/kinetic-beat-slam.md:88 rules/motion-blur-streak.md:130 rules/motion-blur-streak.md:159
📁 파일 시스템 접근 (50)
adapters/gsap-transforms-and-perf.md:120 adapters/gsap.md:65 adapters/gsap.md:83 examples/demo-page-scroll-spotlight.html:580 examples/demo-page-scroll-spotlight.html:582 examples/demo-page-scroll-spotlight.html:584 examples/hook-counter-burst.html:357 examples/hook-counter-burst.html:366 examples/problem-mockup-overwhelm.html:959 examples/problem-mockup-overwhelm.html:975 examples/proof-logo-chain.html:465 rules/avatar-cloud-network.md:259 rules/avatar-cloud-network.md:263 rules/avatar-cloud-network.md:266 rules/cursor-click-ripple.md:169 rules/cursor-click-ripple.md:176 rules/cursor-click-ripple.md:181 rules/cursor-click-ripple.md:187 rules/cursor-click-ripple.md:193 rules/cursor-click-ripple.md:198 rules/cursor-click-ripple.md:204 rules/cursor-click-ripple.md:210 rules/cursor-click-ripple.md:215 rules/cursor-click-ripple.md:222 rules/cursor-click-ripple.md:226 rules/cursor-click-ripple.md:231 rules/dynamic-content-sequencing.md:249 rules/dynamic-content-sequencing.md:255 rules/dynamic-content-sequencing.md:261 rules/dynamic-content-sequencing.md:267 rules/dynamic-content-sequencing.md:273 rules/dynamic-content-sequencing.md:279 rules/dynamic-content-sequencing.md:285 rules/gsap-effects.md:218 rules/hacker-flip-3d.md:167 rules/hacker-flip-3d.md:171 rules/hacker-flip-3d.md:175 rules/hacker-flip-3d.md:179 rules/hacker-flip-3d.md:183 rules/kinetic-beat-slam.md:155 rules/kinetic-beat-slam.md:169 rules/kinetic-beat-slam.md:181 rules/motion-blur-streak.md:300 rules/motion-blur-streak.md:325 rules/orbit-3d-entry.md:181 rules/orbit-3d-entry.md:187 rules/orbit-3d-entry.md:193 rules/orbit-3d-entry.md:199 rules/orbit-3d-entry.md:205 rules/orbit-3d-entry.md:211
⚡ 스크립트 포함 (4)
🔑 환경 변수 (28)
scripts/animation-map.test.mjs:90 scripts/animation-map.test.mjs:105 scripts/animation-map.test.mjs:188 scripts/package-loader.mjs:35 scripts/package-loader.mjs:142 scripts/package-loader.mjs:221 scripts/package-loader.mjs:297 scripts/package-loader.mjs:226 scripts/package-loader.mjs:35 scripts/package-loader.mjs:142 scripts/package-loader.mjs:221 scripts/package-loader.mjs:226 scripts/package-loader.mjs:297 scripts/package-loader.mjs:370 scripts/package-loader.test.mjs:14 scripts/package-loader.test.mjs:15 scripts/package-loader.test.mjs:20 scripts/package-loader.test.mjs:21 scripts/package-loader.test.mjs:27 scripts/package-loader.test.mjs:28 scripts/package-loader.test.mjs:34 scripts/package-loader.test.mjs:14 scripts/package-loader.test.mjs:15 scripts/package-loader.test.mjs:20 scripts/package-loader.test.mjs:21 scripts/package-loader.test.mjs:27 scripts/package-loader.test.mjs:28 scripts/package-loader.test.mjs:34
감사자: claude 감사 이력 보기 →
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/heygen-com-hyperframes-animation/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/heygen-com-hyperframes-animation?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/heygen-com-hyperframes-animation?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/heygen-com-hyperframes-animation/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/heygen-com-hyperframes-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 인용
heygen-com. (2026). hyperframes-animation security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-hyperframes-animation/audits/5BibTeX 인용
@techreport{heygen-com-heygen-com-hyperframes-animation-2026,
author = {heygen-com},
title = {hyperframes-animation security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/heygen-com-hyperframes-animation/audits/5},
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: "hyperframes-animation security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "heygen-com"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/heygen-com-hyperframes-animation/audits/5"
identifiers:
- type: other
value: "skillstore:heygen-com-hyperframes-animation:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore 점수
이 점수의 이유 증거 신뢰도: 중간 45
아키텍처
85
유지보수성
87
콘텐츠
67
커뮤니티
83
사양 준수
만들 수 있는 것
제품 모션 구성
원자적 규칙과 장면 블루프린트를 결합하여 결정론적인 제품 데모를 만듭니다.
웹 애니메이션 구현
지원되는 런타임을 선택하고 HyperFrames 렌더링 제약에 맞는 시킹 가능한 타임라인을 구축합니다.
안무 감사
애니메이션 맵을 생성하여 트윈 타이밍, 비어 있는 구간, 충돌 및 요소 수명 주기를 검토합니다.
이 프롬프트를 사용해 보세요
애니메이션 규칙 선택
[trigger]가 발생할 때 [element]를 애니메이션해야 합니다. 적합한 HyperFrames 규칙 두 가지를 추천하고 모션 순서를 설명해 주세요.
장면 블루프린트 구축
[message]를 위한 [duration]초 HyperFrames 장면을 만드세요. 블루프린트를 선택하고 단계를 나눈 뒤 사용한 규칙을 나열하세요.
런타임 적용
이 모션 계획을 [GSAP, Lottie, Three.js, Anime.js, CSS, WAAPI, or TypeGPU]로 구현하세요. 결과를 결정론적이고 안전하게 시킹할 수 있도록 유지하세요.
전체 구성 감사
[composition]의 애니메이션 맵을 검토하세요. 타이밍 공백, 충돌, 약한 스태거, 수명 주기 문제 및 구체적인 안무 개선 사항을 식별하세요.
모범 사례
- 더 큰 블루프린트를 선택하기 전에 원자적 규칙 두 개에서 네 개를 구성하세요.
- 결정론적 시킹을 위해 하나의 일시 정지된 타임라인과 사전 계산된 레이아웃 값을 사용하세요.
- 의존성을 로컬에 고정하고 구현 후 애니메이션 맵 결과를 검토하세요.
피하기
- 비동기 콜백이나 실제 시간 이벤트 내에서 타임라인을 구축하지 마세요.
- 렌더링 중에는 시드가 없는 무작위성, 무한 반복 또는 사용자 이벤트 상태를 사용하지 마세요.
- 각 런타임에 명확한 장면 책임이 없다면 여러 런타임을 혼용하지 마세요.
자주 묻는 질문
이 스킬은 무엇을 위해 설계되었나요?
HyperFrames 구성을 위한 결정론적 모션 디자인 및 구현을 지원합니다.
GSAP가 필수인가요?
아니요. GSAP가 기본값이지만, 이 스킬은 Lottie, Three.js, Anime.js, CSS, WAAPI 및 TypeGPU도 다룹니다.
완전한 장면 계획을 만들 수 있나요?
예. 다단계 블루프린트를 제공하고 이를 원자적 규칙 및 전환과 결합하도록 지원합니다.
애니메이션 맵 스크립트는 무엇을 생성하나요?
샘플링된 트윈, 요소 상태, 타이밍 밀도, 비어 있는 구간, 스태거, 충돌 및 요약이 포함된 애니메이션 맵을 작성합니다.
이 스킬은 네트워크 액세스 없이 작동하나요?
대부분의 가이드는 로컬에서 작동하지만, 많은 예제가 CDN 라이브러리를 사용합니다. 감사 스크립트는 누락된 패키지를 부트스트랩할 수도 있습니다.
HyperFrames 핵심 가이드를 대체하나요?
아니요. HyperFrames 핵심 구성 계약에 의존하며 애니메이션별 패턴을 추가합니다.
개발자 세부 정보
작성자
heygen-com라이선스
MIT
Skillstore 리비전
r2
버전 안내
작성자가 버전을 선언하지 않았습니다.
참조
77d0e66fbadeb1f5d1e6a5aada7861240b8ed2d7
유지보수 최신성
2026. 7. 19.
사용량
7 다운로드 · 0 조회
파일 구조
📄 gsap.md
📄 three.md
📄 waapi.md
📄 brand-reveal-assemble-zoom.html
📄 concept-demo-decode-pan.html
📄 demo-page-scroll-spotlight.html
📄 metric-video-text-pivot.html
📄 problem-mockup-overwhelm.html
📄 takeover-ticker-displace.html
📁 rules/
📄 dynamic-content-sequencing.md
📁 scripts/
📄 animation-map-sampling.test.mjs
📄 SKILL.md