NEXAGEN Website Studio
아이디어부터 실제 웹사이트까지. PRIME이 디자인하고 이미지·영상 비주얼을 만들며, 반응형 웹과 코드를 Next.js·React·HTML 형식으로 완성합니다.
사이트 목적과 사용자를 먼저 분석하고 정보구조, 비주얼 방향, 디자인 시스템, 컴포넌트 계획을 세운 뒤 React·Next.js 코드를 작성합니다. 모션그래픽·인터랙션, 반응형, 접근성, SEO, 성능을 점검한 빌드 가능한 코드와 핸드오프 안내를 대화 안에서 전달합니다. 필요하면 NEXAGEN 영상·이미지 워크플로우로 히어로·배경 영상과 섹션 비주얼을 견적 확인 후 만듭니다. NEXAGEN은 사이트를 직접 빌드·미리보기·배포하지 않으며, 실제 브라우저 확인과 호스팅은 사용자 환경에서 진행합니다.
언제 사용하나요
이럴 때 사용하세요
- 새 SaaS 랜딩페이지를 디자인하고 제작해줘
- 이 Next.js 프로젝트의 홈페이지를 리뉴얼해줘
- 모바일까지 반응형으로 포트폴리오를 만들어줘
이럴 때는 다른 Skill을 사용하세요
- 신제품 립스틱 15초 광고 영상 만들어줘.NEXAGEN 광고 캠페인 크리에이터
- 카페 홍보용 포스터 이미지 한 장 만들어줘.NEXAGEN 이미지 크리에이터
NEXAGEN에서 사용하는 기능
- 사이트 목적 분석·정보구조·디자인 시스템
- React·Next.js 페이지와 컴포넌트 코드
- 모션그래픽 · 인터랙션
- 반응형·접근성·SEO·성능 점검
- 웹사이트용 비주얼 영상 생성
- 빌드 가능한 코드와 핸드오프 안내
동작 흐름
Skill 정책에 정의된 실제 순서입니다.
- 1사이트 목적·사용자 분석
- 2정보구조(사이트맵)
- 3비주얼 방향·디자인 시스템
- 4[선택] 웹사이트용 영상 기획 → 견적 → 승인 → 생성
- 5페이지 구성·컴포넌트 계획
- 6React·Next.js 구현
- 7모션그래픽·인터랙션
- 8반응형·접근성·SEO·성능 점검
- 9빌드 QA
- 10코드와 영상 임베드 가이드 핸드오프
요청 예시
복사해서 AI 앱에 그대로 붙여 넣을 수 있습니다.
새 SaaS 랜딩페이지를 디자인하고 제작해줘
이 Next.js 프로젝트의 홈페이지를 리뉴얼해줘
모바일까지 반응형으로 포트폴리오를 만들어줘
스크롤 인터랙션이 있는 브랜드 사이트를 설계해줘
이 React 화면의 디자인과 성능을 개선해줘
웹사이트에 들어갈 배경영상과 히어로 섹션을 함께 만들어줘
모션그래픽 효과가 있는 SaaS 랜딩페이지를 제작해줘
사용하는 NEXAGEN MCP Tool
| Tool | 역할 | 비용 |
|---|---|---|
get_account | 보조 | 무료 |
get_mcp_policy | 보조 | 무료 |
get_job | 보조 | 무료 |
get_result | 보조 | 무료 |
wait_for_job | 보조 | 무료 |
estimate_video | 보조 | 무료 |
generate_video | 보조 | 유료 |
create_storyboard_plan | 보조 | 무료 |
apply_cinematic_control | 보조 | 무료 |
create_workspace_image | 보조 | 유료 |
generate_cinema_video | 보조 | 유료 |
estimate_music | 보조 | 무료 |
generate_music | 보조 | 유료 |
estimate_voice | 보조 | 무료 |
generate_voice | 보조 | 유료 |
크레딧 안내
설계·코드 작성은 대화(선택한 모델) 사용량만 씁니다. 웹사이트용 영상·이미지·음악·음성 생성은 유료이며, 견적 확인과 승인 후에만 진행합니다.
Skill 설치는 무료입니다. 크레딧은 유료 생성을 실행할 때만 NEXAGEN 계정에서 차감됩니다.
현재 지원 범위
현재 공개된 Tool 기준으로 알아두어야 할 점입니다.
- NEXAGEN에는 파일 작성·코드 실행·브라우저 미리보기·배포 Tool이 없어 코드는 대화 안에서 전달되며, 빌드·미리보기·호스팅은 사용자 환경에서 진행합니다.
- 실제 브라우저 QA(데스크톱·태블릿·모바일, 콘솔, 네트워크)는 사용자가 핸드오프 체크리스트로 확인해야 합니다.
- 인증·결제·데이터베이스 등 백엔드는 계약(인터페이스) 설계까지만 지원합니다.
플랫폼별 설치
다운로드
NEXAGEN Complete Skills Pack
다른 Skill이 담당하는 요청까지 함께 처리하려면 Complete Pack을 권장합니다.
nexagen-skills-complete-1.2.0.zip479.3 KB
Checksum 보기 (SHA256)
다운로드한 파일의 SHA256 값이 아래 값과 같은지 확인하세요.
7613259ef38d10d772d9fe49c51b24872004db6aa624f2c11c76f434eb1934bb이 Skill만 다운로드
이 Skill 폴더와 공통 정책, Skill 문서가 들어 있습니다.
nexagen-skill-website-builder-1.2.0.zip168.4 KB
Checksum 보기 (SHA256)
다운로드한 파일의 SHA256 값이 아래 값과 같은지 확인하세요.
c8d4cd455b2c5238a106545fbbe7756a76b5d32c911078b1967295825f753645관련 Skills
자주 묻는 질문
- NEXAGEN에서 바로 사이트를 배포해 주나요?
- 아니요. 현재 NEXAGEN에는 배포 Tool이 없습니다. 빌드 가능한 코드와 설치·빌드 명령, 호스팅 안내를 드리면 사용자 환경에서 배포합니다.
- 어떤 모델이 사용되나요?
- PRIME에서 직접 고른 고급 모델이 그대로 사용됩니다. 자동 모드에서는 작업 성격에 맞는 모델 하나가 선택되며, 두 모델을 매 요청마다 함께 쓰지 않습니다.
- 사이트에 들어갈 영상도 만들 수 있나요?
- 네. 히어로·배경 영상과 섹션 비주얼을 NEXAGEN 영상·이미지 워크플로우로 만들 수 있습니다. 생성 전 예상 크레딧을 보여드리고 승인 후 진행합니다.