
미리보기 갤러리
비슷한 Skill
모든 Skill 보기제공 내용
- 랜딩, 요금제, 로그인, 워크스페이스, 관리자 화면과 고객 사례, 변경 로그, 약관, 404 페이지. 모두 라우팅되어 있고 하나의 실시간 데모 상태를 공유합니다
- 핵심 객체를 다루는 실제로 작동하는 워크스페이스: 작성, 크레딧을 쓰는 AI 초안, 예약, 구독자 관리, 각 액션이 관리자 활동 피드에 쌓이는 모습까지 확인
- Instrument Sans와 Geist Mono 서체, 틸색 알약형 버튼, 부드러운 카드, 커맨드 팔레트, 라이트·다크 테마, 역할별 사진을 하나의 오프라인 파일에
이런 분께 추천
- 백엔드가 생기기 전에 제품 전체가 실제처럼 느껴져야 하는, SaaS 아이디어를 피칭하는 창업자
- 마케팅, 앱, 관리자 화면을 오가며 이해관계자나 투자자에게 시연하는 프로덕트 매니저
- 공개 사이트와 로그인 후 제품에 하나의 디자인 시스템을 쓰고 싶은 인디 개발자
이런 분께는 비추천
- 실제 인증, 결제, 데이터가 필요한 프로덕션 앱: 로그인, 결제, 크레딧은 프런트엔드 시뮬레이션입니다
- 단일 랜딩 페이지: 마케팅 페이지만 필요하다면 랜딩 페이지 Skill이 더 잘 맞습니다
- 요란하고 컬러풀한 소비자 브랜드: Harbor는 틸 포인트 하나를 쓴 차분한 제품 중심 디자인입니다
제품 런칭·앱 성장웹 디자인·디지털 경험홈페이지 제작랜딩페이지 제작스타일 고정편집 가능한 결과물빠른 결과물포슬린 틸필 인터페이스소프트 엘리베이션 카드윈도 크롬 목업라이트·다크 UI
이 Skill 소개

내 SaaS를 설명하면 제품의 모든 화면을 한 번에 받을 수 있습니다. 마케팅 사이트, 요금제, 로그인, 핵심 객체를 만드는 워크스페이스, 비즈니스를 지켜보는 백오피스까지 포함됩니다. 모든 화면이 포슬린과 틸 컬러의 디자인 하나와 실시간 데모 상태 하나를 공유하므로, 앱에서 한 행동이 관리자 화면에 그대로 나타납니다. 모든 것이 어떤 브라우저에서도 오프라인으로 열리는 단일 파일로 제공됩니다.

제공 내용
- 제품 창, 작동 방식 Tab, 기능 벤토, 고객 사례, 인용문, FAQ, 가입 배너가 있는 랜딩 페이지
- 결제 주기 전환, 요금제 카드, 크레딧 팩, 비교표가 있는 요금제 페이지
- 초안 작성, 예약, 구독자, 설정이 있는 로그인 후 워크스페이스와 매출 차트·기간 전환·정렬 가능한 표가 있는 관리자 화면
- 고객 사례, 공개 변경 로그, 약관, 404 페이지, 커맨드 팔레트, 라이트·다크 테마
- 폰트와 사진이 내장되어 페이지가 네트워크 요청을 하지 않음

사용 방법
- 제품명, 사용자가 제품에서 만드는 것, 기능 3~6개, 요금제 구조, 비즈니스에서 지켜보는 수치를 Skill에 알려 주세요.
- 워크스페이스, 패널, 액션 이름을 내 핵심 객체에 맞게 바꾸고, 빠진 문구는 임시로 작성해 확인할 수 있도록 목록으로 정리합니다.
- 파일을 열어 데모에 로그인하고, 주요 액션을 실행하고, 관리자 화면을 확인한 뒤 원하는 수정을 평소 말투로 요청하세요.

새 사진은 에이전트의 이미지 도구로 생성되며, 해당 도구의 사용 요금이 발생할 수 있습니다.
시작 전에 필요한 것
- 준비할 것
- 제품명과 핵심 객체(사용자가 만들거나 관리하는 대상) · 기능 3~6개, 요금제 구조, 비즈니스에서 지켜보는 수치 3~4개 · 고객 사례 1건, 그리고 사이트에 실제 인물이 나온다면 실제 사진
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 로그인, 고객 사례, 인물 사진을 위한 에이전트의 이미지 도구(직접 사진을 제공한다면 선택 사항)
- 외부 비용
- 직접 제공하지 않은 사진은 에이전트의 자체 이미지 도구로 생성되며, 해당 도구의 사용 요금이 발생할 수 있습니다. 제품 창은 코드로 그려지고, 완성된 파일은 네트워크 요청을 하지 않습니다. 예시를 보는 데는 비용이 들지 않습니다.
- 최근 테스트
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…









