Skillry Pick
Ember 전기자전거 스토어v1.0.2
이 Skill로 다음을 할 수 있습니다: 쇼핑몰 제작.
급상승
5.0다운로드 30회좋아요 0개저장 0회
$4.99
이 Skill을 구매하면 무엇을 받나요?오렌지색 사진 Hero, 굵은 콘덴스드 헤딩, 어두운 사진 카테고리 카드, 클로즈업 사진을 바꿔 보여 주는 어두운 부품 탐색기를 갖춘 프리미엄 전기자전거 스토어를 만듭니다. 스톤 톤 제품 카드는 하나로 통일된 스튜디오 사진 세트로 구성되며, 가격이 바뀌는 옵션, 미니 카트, 장바구니, 데모 결제, 비교, 주행 거리 계산기, 시승 예약까지 스토어 전체가 실제로 작동합니다. 기본적으로 어떤 브라우저에서든 오프라인으로 열리는 독립형 파일 하나로 제공됩니다.
가장 많이 선택한 직무
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 가상의 브랜드 Askel Cycles를 위한 35개 라우트 예시: 자전거 6종, 카테고리 4개, 용품, 비교, 저널, 시승, 브랜드 소개, 연락처, FAQ, 배송, 법적 고지, 장바구니, 결제, 404.
- 실제로 작동하는 구매 흐름: 배터리·프레임 사이즈 옵션, 미니 카트 서랍, 프로모션 코드가 있는 장바구니, 유효성 검사가 있는 데모 결제, 실제 결제는 절대 받지 않는 주문 확인.
- 홈 도구(Hero 캐러셀, 부품 탐색기, 주행 거리 계산기, 매장 찾기)와 스타일 가이드, 이미지 계획, 사진 톤 맞춤 스크립트, 내장 검사.
이런 분께 추천
- 실제 제품 디테일을 담은 프리미엄 스토어 프런트를 원하는 전기자전거, 스쿠터, 카고 트라이크, 모페드 브랜드.
- 시승을 제공하는 제휴 매장이나 쇼룸이 있어 예약과 매장 찾기 기능이 필요한 브랜드.
- 결제를 연동하기 전에 실제로 작동하는 옵션, 장바구니, 비교, 결제 화면을 검토하고 싶은 팀.
이런 분께는 비추천
- 실제 주문 접수: 결제 화면에 결제가 꺼져 있음을 명확히 표시하며, 자체 커머스 백엔드를 연결하기 전까지는 아무것도 청구되지 않습니다.
- 재고 동기화나 콘텐츠 관리 시스템이 필요한 대규모 카탈로그.
- 부드러운 파스텔이나 미니멀한 브랜드: 이 룩은 채도 높은 오렌지, 콘덴스드 대문자, 어두운 패널에 기대고 있습니다.
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험쇼핑몰 제작스타일 고정편집 가능한 결과물자전거 카테고리자전거 컨트롤자전거 Hero데이터 캐러셀
이 Skill 소개
자전거 라인업을 알려 주면 Skill이 완전한 스토어 프런트를 만듭니다. 오렌지색 스튜디오 Hero, 굵은 콘덴스드 헤딩, 하나로 통일된 사진 세트로 만든 어두운 카테고리 카드와 스톤 톤 제품 카드, 그리고 실제로 작동하는 구매 흐름으로 구성됩니다. 예시는 가상의 브랜드 Askel Cycles로, 서로 연결된 35개 라우트를 갖추고 있습니다. 기본 결과물은 어떤 브라우저에서든 오프라인으로 열리는 독립형 파일 하나입니다.
제공 내용
- Hero 캐러셀, 카테고리 카드, 라인업, 부품 탐색기, 주행 거리 계산기, 리뷰, 시승 매장 찾기, 저널, FAQ가 있는 홈
- 갤러리, 배터리·사이즈 옵션, 키 기반 사이즈 추천, 사양, 관련 상품이 있는 제품 페이지
- 장바구니, 배송 옵션과 주문 확인이 있는 데모 결제, 그리고 비교, 용품, 배송, 법적 고지, 연락처 페이지
- Anton, Archivo, Geist Mono 폰트를 파일에 내장해 네트워크에서 아무것도 불러오지 않음
사용 방법
- 모델, 가격, 사양, 카테고리, 시장 설정(통화, 세금, 우편번호), 제휴 매장을 알려 주세요.
- 에이전트가 카탈로그를 채우고, 톤이 맞는 사진 세트를 생성하고, 모든 라우트와 링크를 확인합니다.
- 데스크톱과 휴대폰에서 옵션 선택, 장바구니, 결제, 시승 예약을 직접 눌러 본 뒤 변경 사항을 요청하세요.
새 제품 사진을 생성하면 이미지 도구의 사용 요금이 발생할 수 있습니다. 결제와 예약은 데모용 확인 화면만 솔직하게 보여 주며, 실제 서비스를 연결하기 전까지는 아무것도 전송하지 않습니다.
시작 전에 필요한 것
- 준비할 것
- 브랜드명, 네 단어 이하의 태그라인, 판매 시장(통화, 세금, 우편번호) · 가격, 사양, 옵션, 카테고리를 포함한 모델 정보, 그리고 판매한다면 액세서리 · 제휴 매장이나 쇼룸, 연락처, 보유한 제품 사진
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 제품 사진을 자르고 톤을 맞추는 스크립트용 Python과 NumPy, Pillow · 새 자전거 사진과 라이프스타일 사진을 위한 에이전트의 이미지 생성 도구
- 외부 비용
- 에이전트의 이미지 도구로 자전거 사진과 라이프스타일 사진을 생성하면 해당 도구의 사용 요금이 발생할 수 있습니다. 이미지 계획에는 적은 예산을 위한 최소 세트가 포함되어 있으며, 일부 용품·클로즈업 이미지는 재사용할 수 있습니다.
- 최근 테스트
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…