
미리보기 갤러리
비슷한 Skill
모든 Skill 보기제공 내용
- 오프라인에서 열리는 독립형 HTML 파일 하나로 된 완전한 클럽 웹사이트. Cirrus Racquet Club 예시는 프로그램, 코치, 이벤트 상세 페이지를 포함해 서로 연결된 24개 라우트로 구성됩니다
- 예약과 멤버십 도구: 실시간 빠른 예약 바, 인터랙티브 코트 배치도, 잔여 자리가 표시되는 시간표, 요금제 찾기, 결제 주기 토글, 코치 일정, 예약 및 가입 흐름
- 모든 사진에 적용되는 하나의 아트 디렉션, 통일된 코치 인물 사진, Figtree와 Geist Mono 서체, 요청 시 내 프레임워크로의 이식
이런 분께 추천
- 멤버십, 수업, 예약 가능한 시간을 판매하는 테니스, 파델, 수영, 골프, 요가, 피트니스 클럽이나 스튜디오
- 홈페이지만이 아니라 프로그램, 코치, 이벤트, 시설, 예약 페이지가 서로 연결되어야 하는 시설
- 지금 바로 쓸 독립형 사이트나 같은 디자인을 Next.js, React, Vue, Astro로 구축하길 원하는 팀
이런 분께는 비추천
- 바로 쓸 수 있는 백엔드. 예약, 가입, 결제는 페이지 안에서 확인만 표시하며 아무것도 예약되거나 청구되지 않았다고 분명히 안내합니다
- 다크하거나 일러스트 중심의 분위기를 원하는 브랜드. 이 디자인은 밝은 하늘과 코트 사진에 기대고 있습니다
- 핵심 구성을 빼고 싶은 프로젝트. 둥근 셸, 사진 Hero, 네이비 카드, 파란 멤버십 카드가 곧 이 디자인입니다
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험랜딩페이지 제작스타일 고정편집 가능한 결과물Hero코치코트멤버십
이 Skill 소개

클럽, 프로그램, 코치, 요금제를 설명하면 완성된 웹사이트를 받을 수 있습니다. 둥근 흰색 셸, 빠른 예약 바가 있는 하늘과 코트 사진 Hero, 네이비 기능 카드, 일관된 코치 인물 사진, 파란 멤버십 강조 영역으로 구성됩니다. 어떤 브라우저에서도 열리고 오프라인에서도 동작하는 독립형 파일 하나로 제공됩니다.

제공 내용
- 전체 페이지 구성: 각각 상세 페이지가 있는 프로그램, 코치, 이벤트, 멤버십, 가입, 시설, 소개, 예약, 문의, 정책, 디자인된 404
- 실시간으로 응답하고 선택 내용을 예약 페이지로 넘겨 주는 빠른 예약 바와 인터랙티브 코트 배치도
- 잔여 자리와 대기 명단이 표시되는 주간 시간표, 요금제 찾기, 결제 주기 토글, 비교표
- 인라인 검증, 로딩, 완료 상태가 있는 예약, 가입, 이벤트, 문의, 뉴스레터 폼
- 요청 시 같은 디자인을 사용 중인 스택의 컴포넌트와 라우트로 구현

사용 방법
- 클럽 이름, 장소, 프로그램, 코치, 요금제, 가격, 일정을 공유하세요. 대략적인 메모만으로도 충분하며, 초안으로 작성한 정보는 확인할 수 있도록 목록으로 정리합니다
- 직접 찍은 사진을 제공하거나, 프로그램, 코치, 이벤트마다 피사체 하나씩 어울리는 사진 세트를 생성하게 하세요
- 완성된 파일을 브라우저에서 열어 모든 페이지를 둘러보고, 바꾸고 싶은 점을 평소 말투로 요청하세요

새 사진은 에이전트의 이미지 도구로 생성되며 해당 도구의 사용 요금이 발생할 수 있습니다. 폰트와 이미지는 완성된 파일에 내장됩니다.
시작 전에 필요한 것
- 준비할 것
- 클럽 또는 시설 이름, 위치, 짧은 소개 · 프로그램, 코치, 가격이 포함된 요금제, 일정, 필요한 페이지 · 보유한 사진 또는 어울리는 새 사진 세트 생성 허가
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 시설, 프로그램, 코치, 이벤트 이미지를 위한 에이전트의 이미지 생성 도구 또는 직접 찍은 사진
- 외부 비용
- 새 사진은 에이전트의 자체 이미지 도구로 생성되며 해당 도구의 사용 요금이 발생할 수 있습니다. 보유한 사진은 비용이 들지 않으며, 라켓 스포츠 시설은 예시의 중립적인 코트와 라운지 사진 몇 장을 재사용할 수 있습니다.
- 최근 테스트
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…









