
미리보기 갤러리
비슷한 Skill
모든 Skill 보기제공 내용
- 23개 라우트 사이트: 제품 페이지 3개가 있는 모델, 기술, 사례 페이지 4개가 있는 활용 사례, 아티클 3편이 있는 저널, 다운로드, 소개, 데모 예약, FAQ, 뉴스레터, 법적 고지, 404
- 작동하는 컨트롤: Hero 모델 전환기, 제품 갤러리, 합계가 실시간으로 계산되는 구성기, 비교 토글, 정렬과 검색이 있는 모듈 필터, 다운로드 필터, FAQ 검색
- Inter Tight와 IBM Plex Mono 서체, 조용한 흰색 사양 카드, 실버 스튜디오 사진이 모두 오프라인에서 열리는 파일 하나에
이런 분께 추천
- 소개할 제품군이 있는 로봇, 드론, 전기자전거, 오디오, 카메라 제조사
- 사양, 비교, 다운로드, 데모 예약을 한 사이트에 담아야 하는 하드웨어 스타트업
- 요란한 출시 페이지 대신 차분하고 기술적인 분위기를 원하는 실험 장비·기기 브랜드
이런 분께는 비추천
- 실제 주문이나 결제. 구성기와 데모 폼은 페이지 안에서 확인만 표시하며 아무것도 전송되지 않았다고 안내합니다
- 촬영할 실물이 없는 소프트웨어 전용 제품
- 다크하거나 화려한 분위기를 원하는 브랜드. 팔레트는 실버, 흰색, 그래파이트입니다
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험제품 사이트 제작스타일 고정편집 가능한 결과물로봇 벤토로봇 기능로봇 Hero로봇 사양
이 Skill 소개

제품 라인업을 차분하고 기술적인 브랜드 사이트로 바꿔 보세요. 실버 스튜디오 사진 위의 거대하고 가는 모델명, 조용한 흰색 사양 카드, 실제 상대 높이대로 그린 라인업으로 구성됩니다. 예시는 로봇 3종을 서로 연결된 23개 라우트로 다루며, 사이트는 어떤 브라우저에서도 오프라인으로 열리는 파일 하나로 제공됩니다.

제공 내용
- 이미지, 이름, 소개 문구, 사양을 바꿔 주는 Hero 모델 전환기, 실제 비율의 제품군 라인업, 코드 셀이 들어간 비대칭 하드웨어 벤토
- 갤러리와 구성기가 있는 모델 페이지, '차이점만 보기' 토글이 있는 나란히 비교, 필터링 가능한 모듈 카탈로그
- 기술 탭, 활용 사례 페이지, 저널, 필터가 있는 다운로드, 연혁이 있는 소개 페이지, 검색 가능한 FAQ, 데모 예약
- 내 구성을 데모 요청으로 넘겨 주고 페이지 안에서 확인을 표시하는, 입력 검증이 있는 폼
- 모든 이미지와 함께 Inter Tight, IBM Plex Mono를 내장해 페이지가 네트워크 요청을 보내지 않음

사용 방법
- 브랜드, 코드·사양·가격이 포함된 제품, 대상 고객, 필요한 페이지를 Skill에 알려 주세요. 제품 사진이 있다면 함께 넣어 주세요.
- Skill이 모든 페이지를 채우고, 부족한 이미지는 하나의 일관된 스튜디오 스타일로 생성하며, 초안으로 작성한 정보는 확인할 수 있도록 목록으로 정리합니다.
- 파일을 열어 전환기, 구성기, 필터를 써 보고 원하는 수정 사항을 평소 말투로 요청하세요.

직접 제공하지 않은 이미지는 에이전트의 이미지 도구로 만들며, 해당 도구의 사용 요금이 발생할 수 있습니다.
시작 전에 필요한 것
- 준비할 것
- 브랜드명, 대상 고객, 필요한 페이지 · 코드, 핵심 사양, 가격, 용도가 포함된 제품 2~4개 · 선택 사항: 제품 사진, 파트너, 인용문, 확인 가능한 회사 정보
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 제품 Hero, 전신 컷, 클로즈업, 장면 이미지를 위한 에이전트의 이미지 도구(직접 사진을 제공하면 선택 사항)
- 외부 비용
- 직접 제공하지 않은 이미지는 에이전트의 자체 이미지 도구로 생성되며 해당 도구의 사용 요금이 발생할 수 있습니다. 완성된 페이지는 네트워크 요청을 보내지 않습니다. 예시를 보는 데는 비용이 들지 않습니다.
- 최근 테스트
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…









