Skillry Pick
Quartz SaaS 랜딩 페이지v1.0.4
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
급상승
5.0다운로드 32회좋아요 1개저장 0회
$4.99
이 Skill을 구매하면 무엇을 받나요?절제된 파란색 하나만 쓴 차분한 모노크롬 스타일의 완성형 AI SaaS 마케팅 사이트입니다. 이중 프레임 제품 Dashboard 위에 차분한 중앙 정렬 Hero가 놓이고, 살아 움직이는 기능 목업, 단계별 Tab, 고객 사례, 추천사 마퀴, 보안, 비교표가 있는 요금제, FAQ, 거대한 워드마크 푸터 위의 어두운 가입 배너가 이어집니다. 가입, 로그인, 데모 예약, 변경 로그, 고객 사례, 트러스트 센터, 법적 고지 페이지를 라이트·다크 테마로 함께 제공합니다.
가장 많이 선택한 직무
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 완전한 AI SaaS 사이트: 홈과 가입, 로그인, 데모 예약, 변경 로그, 고객 사례, 트러스트 센터, 개인정보 처리방침, 이용약관, 404 페이지, 라이트·다크 테마
- 코드로 만든 움직이는 목업: Hero Dashboard의 한 번뿐인 승인 동작, 채팅 리플레이, 채널 전환, 커넥터 마퀴, 점으로 그린 지구본
- Onest와 Geist Mono 서체, 컨트롤용 파란색 하나, 알약형 내비게이션 바, 거대한 워드마크 푸터를 오프라인에서 열리는 파일 하나에 담았습니다
이런 분께 추천
- 체험, 데모, 대기자 명단 경로를 갖춘 신뢰감 있는 사이트가 필요한 AI·SaaS 제품 창업자와 인디 해커
- 디자인 팀 없이도 모던한 모노크롬 스타트업 룩을 원하는 프로덕트 마케터
- 자기 제품의 용어를 Dashboard, 스위치보드, 단계 구성에 녹일 수 있는 개발자 도구와 일정 관리 앱
이런 분께는 비추천
- 실제 인증이나 결제: 가입, 로그인, 데모 폼은 페이지 안에서 검증과 확인까지만 합니다
- 화려하고 컬러풀한 룩을 원하는 브랜드. 쿼츠는 컨트롤에만 파란색 하나를 쓰는 모노크롬 스타일입니다
- 보여줄 제품 인터페이스가 없는 에이전시, 매장, 공간. 이 페이지는 제품 UI를 중심으로 구성됩니다
제품 런칭·앱 성장웹 디자인·디지털 경험홈페이지 제작랜딩페이지 제작스타일 고정편집 가능한 결과물라이트 우선벤토 목업대형 워드마크 푸터모노크롬 미니멀필 내비
이 Skill 소개
AI 제품을 설명하면 완성된 마케팅 사이트를 받아볼 수 있습니다. 이중 프레임 제품 Dashboard 위의 차분한 중앙 정렬 헤드라인, 실제로 움직이는 기능 목업, 고객 사례, 비교표가 있는 요금제, 어두운 가입 배너를 갖췄습니다. 가입, 로그인, 데모 예약, 변경 로그, 트러스트 페이지가 서로 연결되어 있으며, 모든 것이 어떤 브라우저에서도 오프라인으로 열리는 파일 하나로 제공됩니다.
제공 내용
- Dashboard에서 상태 하나가 조용히 바뀌는 펄스 그리드 Hero, 넘어가는 로고 행, 살아 움직이는 목업으로 채운 기능 벤토
- 8칸 기능 그리드, 브리프부터 발행까지 이어지는 단계별 Tab, 숫자가 올라가는 고객 사례, 일시정지 버튼이 있는 추천사 마퀴
- 보안 블록, 비교표가 있는 월간·연간 요금제, FAQ, 유효성 검사가 있는 가입 배너
- 가입, 로그인, 데모 예약, 필터 가능한 변경 로그, 고객 사례, 트러스트 센터, 법적 고지, 404 페이지와 라이트·다크 테마
- Onest와 Geist Mono를 모든 이미지와 함께 임베드해 페이지가 네트워크 요청을 전혀 보내지 않습니다
사용 방법
- 제품 이름, 한 줄 약속, 대표 기능 네 가지, 요금제 구성, 그리고 주요 전환 목표(체험, 데모, 대기자 명단)를 알려 주세요.
- Skill이 모든 패널을 내 제품의 용어로 바꾸고, 빠진 문구는 초안을 작성한 뒤 확인할 수 있도록 목록으로 정리합니다.
- 라이트·다크 테마로 파일을 열어 모든 폼과 라우트를 사용해 보고, 바꾸고 싶은 점을 평소 말투로 요청하세요.
사진은 에이전트의 이미지 도구로 만들며, 해당 도구 자체의 사용 요금이 발생할 수 있습니다.
시작 전에 필요한 것
- 준비할 것
- 제품 이름, 한 줄 약속, 주요 전환 목표(체험, 데모 또는 대기자 명단) · 대표 기능 네 가지, 3~5단계로 정리한 워크플로, 요금제 구성 · 선택 사항: 확인 가능한 고객 사례, 추천사, 보안 관련 사실, 변경 로그 항목
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 아바타, 고객 사례 인물 사진, 제품 이미지를 위한 에이전트의 이미지 도구 (직접 제공하면 선택 사항)
- 외부 비용
- 제공하지 않은 사진은 에이전트 자체의 이미지 도구로 생성하며, 해당 도구의 사용 요금이 발생할 수 있습니다. 제품 UI는 코드로 구현되고, 완성된 페이지는 네트워크 요청을 하지 않습니다. 예시를 보는 데는 비용이 들지 않습니다.
- 최근 테스트
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…