스킬 3d-web-experience
📦

3d-web-experience

콘텐츠 리비전 r2 안전 ⚡ 스크립트 포함⚙️ 외부 명령어🌐 네트워크 접근

인터랙티브 3D 웹 경험 구축

팀은 속도나 사용성을 해치지 않고 3D를 추가하는 데 어려움을 겪습니다. 이 스킬은 스택 선택, 에셋 파이프라인, 인터랙티브 장면 패턴을 안내합니다.

지원: Claude Codex Code(CC)
Maintain this Skill? Claim it 🥉 78 브론즈

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.

에이전트 요청
Review the Skillstore skill "3d-web-experience" from https://skillstore.io/skills/sickn33-3d-web-experience.md and its manifest at https://skillstore.io/api/skills/sickn33-3d-web-experience/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.

에이전트가 읽기 쉬운 리소스

AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/sickn33-3d-web-experience.md 서명된 manifest GET /api/skills/sickn33-3d-web-experience/manifest 서명된 lockfile GET /api/skills/sickn33-3d-web-experience/lockfile

테스트해 보기

"3d-web-experience" 사용 중입니다. SaaS 제품 페이지에 3D 히어로가 필요합니다.

예상 결과:

스택 추천, 장면 구조, 로딩 계획, 모바일 폴백 전략, 성능 체크리스트.

"3d-web-experience" 사용 중입니다. 저희 제품 모델이 모바일 사용자에게 너무 무겁습니다.

예상 결과:

폴리곤 감소, 텍스처 베이킹, 압축, 파일 크기 목표, 기기 테스트를 다루는 모델 최적화 계획.

"3d-web-experience" 사용 중입니다. 사용자가 스크롤할 때 모델이 회전하게 하고 싶습니다.

예상 결과:

카메라 이동, 애니메이션 타이밍, 폴백 동작, 사용성 확인을 포함한 스크롤 인터랙션 계획.

보안 감사

안전
v5 • 2026. 7. 23. 버전별 보고서 열기

Review found 28 syntax false positives: one fixed local lazy import and 27 Markdown fence or inline-code matches that do not execute commands. The remaining low-severity finding is a Spline example that loads third-party content; no prompt injection, exfiltration, or malicious intent was found.

1
스캔된 파일
379
분석된 줄 수
1
검토 항목
0
오탐 무시됨
기능 검토 항목 (1)

이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.

낮음
SKILL.md:85
Hardcoded URL
<Spline scene="https://prod.spline.design/xxx/scene.splinecode" />
The JSX example directs browsers to load a scene from prod.spline.design. This creates a third-party request and remote-content dependency, although the path is a placeholder.

위험 요인

⚡ 스크립트 포함 (1)
SKILL.md:255
⚙️ 외부 명령어 (27)
SKILL.md:65-77 SKILL.md:77-80 SKILL.md:80-88 SKILL.md:88-91 SKILL.md:91-109 SKILL.md:109-128 SKILL.md:128-135 SKILL.md:135-138 SKILL.md:138-146 SKILL.md:146-149 SKILL.md:149-167 SKILL.md:167-178 SKILL.md:178-203 SKILL.md:203-206 SKILL.md:206-218 SKILL.md:218-243 SKILL.md:243-256 SKILL.md:256-259 SKILL.md:259-266 SKILL.md:266-269 SKILL.md:269-279 SKILL.md:279-338 SKILL.md:338-345 SKILL.md:345-353 SKILL.md:353-360 SKILL.md:360-364 SKILL.md:364
🌐 네트워크 접근 (1)
SKILL.md:85
감사자: codex 감사 이력 보기 →
이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기
보안 평가

보고서 링크 복사

https://skillstore.io/skills/sickn33-3d-web-experience/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/sickn33-3d-web-experience/security.svg)](https://skillstore.io/skills/sickn33-3d-web-experience?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/sickn33-3d-web-experience?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-3d-web-experience/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/sickn33-3d-web-experience.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 인용

sickn33. (2026). 3d-web-experience security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-3d-web-experience/audits/5

BibTeX 인용

@techreport{sickn33-sickn33-3d-web-experience-2026, author = {sickn33}, title = {3d-web-experience security audit report (audit version 5)}, institution = {Skillstore}, year = {2026}, number = {5}, url = {https://skillstore.io/skills/sickn33-3d-web-experience/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: "3d-web-experience security audit report (audit version 5)" version: "unspecified" type: report authors: - name: "sickn33" date-released: "2026-07-23" url: "https://skillstore.io/skills/sickn33-3d-web-experience/audits/5" identifiers: - type: other value: "skillstore:sickn33-3d-web-experience:audit:5" description: "Skillstore immutable audit report identifier"

Skillstore 점수

이 점수의 이유 증거 신뢰도: 높음
55
아키텍처
85
유지보수성
87
콘텐츠
68
커뮤니티
83
사양 준수

만들 수 있는 것

3D 웹사이트 스택 계획

구현을 시작하기 전에 Spline, React Three Fiber, Three.js 또는 Babylon.js 중에서 선택합니다.

웹용 제품 모델 준비

제품 페이지가 더 빠르게 로드되고 계속 사용 가능하도록 3D 에셋을 변환하고 최적화합니다.

스크롤 기반 3D 섹션 설계

카메라 이동, 모델 회전, 리빌 효과를 페이지 스크롤 동작에 매핑합니다.

이 프롬프트를 사용해 보세요

3D 스택 선택 
React 마케팅 페이지를 위한 3D 웹 스택을 선택할 수 있게 도와주세요. 이 사용 사례에 대해 Spline, React Three Fiber, Three.js를 비교해 주세요.
모델 파이프라인 계획 
웹 구성기를 위한 GLB 제품 모델을 준비하는 실용적인 파이프라인을 만들어 주세요. 크기 목표, 텍스처 처리, 테스트 단계를 포함해 주세요.
인터랙티브 장면 설계 
로딩 상태, orbit controls, 모바일 폴백을 갖춘 제품 페이지용 React Three Fiber 장면을 설계해 주세요. 성능 제약을 명확히 유지해 주세요.
스크롤 기반 3D 최적화 
성능 및 접근성 위험 관점에서 제 스크롤 기반 3D 콘셉트를 검토해 주세요. 장면 단순화, 폴백 동작, 측정 확인 사항을 제안해 주세요.

모범 사례

  • 이해, 비교 또는 상호작용을 개선할 때만 3D를 사용합니다.
  • 모델을 압축하고 실제 모바일 기기에서 프레임 속도를 테스트합니다.
  • 느리거나 지원되지 않는 기기를 위해 로딩 상태와 정적 폴백을 제공합니다.

피하기

  • 사용자에게 도움이 되지 않으면서 페이지를 느리게 만드는 장식용 3D 추가.
  • 모바일 폴백 없이 데스크톱 전용 3D 경험 구축.
  • 진행 표시기나 최적화 없이 큰 모델 배포.

자주 묻는 질문

이 스킬은 3D 모델을 생성하나요?
아니요. 이미 보유한 모델을 위한 웹 통합, 에셋 준비, 성능 결정을 안내합니다.
React Three Fiber에 도움이 되나요?
예. React Three Fiber 장면 패턴, 로딩 상태, 컨트롤, 스크롤 인터랙션이 포함되어 있습니다.
Spline이 지원되나요?
예. 이 스킬은 Spline이 적합한 경우를 설명하고 기본 통합 패턴을 보여줍니다.
성능을 다루나요?
예. 모델 크기, 압축, 모바일 테스트, 로딩 상태, 정적 폴백을 다룹니다.
마케팅 웹사이트 전용인가요?
아니요. 제품 구성기, 포트폴리오, 인터랙티브 교육용 장면도 지원할 수 있습니다.
접근성 테스트를 대체하나요?
아니요. 폴백과 사용성 확인 사항을 제안하지만, 팀은 여전히 프로젝트별 접근성 테스트가 필요합니다.

개발자 세부 정보

작성자

sickn33

라이선스

MIT

Skillstore 리비전

r2

버전 안내

작성자가 버전을 선언하지 않았습니다.

리포지토리

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/3d-web-experience

참조

ebdfe608f5de2b66ff37ab4af12af8ac4f5e8006

유지보수 최신성

2026. 7. 26.

사용량

11 다운로드 · 90 조회

파일 구조

📄 SKILL.md

sickn33의 다른 스킬

전체 보기

관련 스킬

전체 보기