
미리보기 갤러리
비슷한 Skill
모든 Skill 보기제공 내용
- 완전한 브랜드 쇼핑몰: 홈, 상품·컬렉션·레시피 페이지, 브랜드 스토리, 지도가 있는 판매처, 도매, FAQ, 배송, 문의, 뉴스레터, 장바구니, 결제, 약관 페이지
- 모눈종이 룩: 가는 격자선이 있는 따뜻한 종이, 굵은 콘덴스드 헤드라인, 맛별 색조의 윤곽선 카드, 스티커가 붙은 사진 다섯 장의 Hero 부채, 코발트색 푸터 워드마크
- 실제로 작동하는 쇼핑 디테일: 무료 배송 게이지가 있는 장바구니 서랍, 용량별·구독 가격, 검색, 필터, 레시피 인분 조절기, 검증이 포함된 결제
이런 분께 추천
- 스티커와 우유팩 같은 경쾌한 개성을 원하는 귀리 음료, 주스, 커피, 차, 콤부차, 스낵 브랜드
- 쇼핑, 레시피나 리추얼, 판매처, 고객 지원 페이지를 하나의 패밀리로 디자인해야 하는 소규모 소비재 브랜드
- 실제 결제를 연결하기 전에 그럴듯한 스토어가 필요하거나, 자신의 프로젝트로 옮길 디자인이 필요한 창업자
이런 분께는 비추천
- 조용한 럭셔리나 기업 브랜드: 굵은 콘덴스드 서체, 스티커, 맛별 컬러는 의도적으로 요란하고 장난스럽습니다
- 지금 당장 실제 결제, 계정, 주문 배송이 필요한 스토어: 장바구니와 결제는 페이지 안에서만 확인되며 아무것도 청구되지 않았다고 안내합니다
- 한 화면짜리 티저: 이 Skill은 연결된 사이트 전체를 만들기 때문에 랜딩 섹션 하나만 쓰면 대부분이 낭비됩니다
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험브랜드 사이트 제작스타일 고정편집 가능한 결과물오트 팬오트 Hero오트 레시피오트 스토리
이 Skill 소개

모눈종이 음료 브랜드 사이트는 따뜻한 모눈종이 위에 굵은 콘덴스드 헤드라인, 윤곽선 카드, 스티커 포인트, 맛마다 다른 경쾌한 컬러로 바로 쇼핑할 수 있는 완전한 브랜드 웹사이트를 만듭니다. 모든 링크는 디자인된 페이지로 이어지고, 장바구니·검색·폼이 모두 반응합니다. 예시는 가상의 귀리 음료 브랜드 Oat Parade로, 34개 페이지가 서로 연결되어 있습니다.

제공 내용
- 다양한 구성의 홈 페이지: 사진 부채 Hero, 맛 마키, 필터가 있는 상품 레일, 스토리 분할 섹션, 수치 벤토, 밭에서 냉장고까지 여정, 레시피 벤토, 후기, FAQ, 판매처 찾기, 뉴스레터
- 모든 상품, 컬렉션, 레시피의 상세 페이지와 브랜드 스토리, 지도가 있는 판매처, 도매, FAQ, 배송, 문의, 장바구니, 결제, 개인정보 처리방침, 이용약관, 404 페이지
- 쇼핑 인터랙션: 수량 조절과 무료 배송 게이지가 있는 장바구니 서랍, 용량별·구독 가격, 검색, 찜한 상품, 레시피 인분 조절기, 검증이 포함된 결제
- 하나의 아트 디렉션으로 주제마다 한 장씩 계획한 사진. 폰트와 함께 오프라인에서 작동하는 단일 파일에 내장

사용 방법
- 브랜드명, 한 줄 약속, 가격과 용량이 포함된 상품, 구매 방법, 브랜드 스토리를 알려 주세요.
- 에이전트가 맛, 레시피, 판매처를 내 비즈니스에 맞게 구성하고, 사진을 생성하고, 모든 페이지를 채웁니다.
- 파일을 열어 데스크톱과 휴대폰에서 쇼핑, 장바구니, 레시피를 둘러본 뒤 원하는 수정을 평소 말투로 요청하세요.

사진은 에이전트의 이미지 도구로 만들거나(해당 도구의 사용 요금이 발생할 수 있습니다) 내 사진 라이브러리에서 가져옵니다. 실제 서비스를 연결하기 전까지 장바구니와 결제에서는 아무것도 청구되거나 전송되지 않습니다.
시작 전에 필요한 것
- 준비할 것
- 브랜드명, 한 줄 약속, 타깃 고객 · 이름, 가격, 용량, 각 상품의 차별점이 포함된 상품 목록 · 구매 방법(온라인, 판매처, 도매, 구독), 브랜드 스토리, 배송과 연락처 정보
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 상품, 레시피, 스토리 사진을 위한 에이전트의 이미지 도구(직접 사진을 제공한다면 선택 사항)
- 외부 비용
- 에이전트가 자체 이미지 도구로 상품, 레시피, 스토리 사진을 생성하며, 해당 도구의 사용 요금이 발생할 수 있습니다. 직접 사진을 제공할 수도 있습니다. 그 밖에 유료 서비스는 사용하지 않습니다.
- 최근 테스트
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…








