How it works
프롬프트에서 프로덕션까지 세 단계
1
1. 프롬프트를 입력한다
"다크 SaaS 를 위한 보랏빛 파티클" — 입력은 이게 전부입니다.
2
2. 말로 다듬는다
"더 느리게, 인디고 톤으로" — 수정도 프롬프트입니다.
3
3. 한 줄 붙여넣는다
<script async src="…/hero3d.js"
data-scene="scn_XXXXXXXX"></script>What you get
감이 아니라 예산으로 만들었습니다
≤400KB gzip
CI 가 강제하는 하드 버짓.
모바일에서도 60fps
기기별 품질 티어.
다크/라이트 자동 감지
호스트 페이지를 따라 실시간 크로스페이드.
reduced-motion 존중
정지 프레임으로 대체 — 히어로가 비는 일은 없습니다.
WebGL 폴백
GL 실패 시 CSS 그라디언트 — 고객 페이지를 깨뜨리지 않습니다.
소유할 수 있는 코드
에디터 없음, 락인 없음.
연동
한 줄. 어떤 스택이든.
임베드는 페이지에 바로 렌더되는 스크립트 태그입니다 — iframe 도, 빌드 스텝도 없습니다. React 를 쓴다면 같은 로더가 컴포넌트로 감싸집니다. 어느 쪽이든 씬은 생성된 코드가 아니라 스키마 검증된 설정으로 전달됩니다.
<script async src="https://somun-api-969004524694.asia-northeast3.run.app/embed/v1/hero3d.js" data-scene="scn_XXXXXXXX"></script>
템플릿
템플릿 6종, 예산은 하나
여섯 개 모두 같은 예산·테마·폴백을 지킵니다. 카드를 누르면 그 프롬프트로 시작합니다.
가격