Skillry Pick
Amber 스크랩북 스위트v1.0.9
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
급상승
5.0다운로드 33회좋아요 0개저장 0회
$4.99
이 Skill을 구매하면 무엇을 받나요?따뜻한 앰버 스크랩북 스타일로 SaaS 제품의 모든 화면을 만듭니다. 마케팅 홈페이지, 결제 드로어가 있는 요금제, 로그인과 회원가입, 작동하는 제품 화면, 관리자 Dashboard, 변경 로그, 문의, 약관, 404 페이지까지 포함됩니다. 크림색 종이 패널, 테이프로 붙인 사진, 손글씨 메모, 스티커 타일로 마케팅 화면은 손으로 엮은 느낌을 주고, 제품 화면은 차분하고 정밀하게 유지합니다. 요금제, 크레딧, 사용자 정보가 모든 화면에서 동기화되며, 어떤 브라우저에서도 열리고 오프라인에서도 작동하는 단일 파일로 제공됩니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 하나의 스토리와 하나의 상태를 공유하는 연결된 스위트: 홈, 결제가 있는 요금제, 로그인과 회원가입, 작동하는 제품, 관리자, 변경 로그, 문의, 개인정보 처리방침, 이용약관, 404 페이지
- 앰버 스크랩북 룩: 앰버 그라디언트 문구 하나와 스티커 타일이 있는 미니멀한 중앙 정렬 Hero, 이어서 테이프 붙인 사진, 손글씨 메모, 크림색 벤토 그리드, 로드맵 보드, 메이슨리 후기
- 라이트·다크 모드에서 작동하는 인터랙션: 실시간으로 파싱되는 할 일 입력, 크레딧을 소모하는 계획 생성, 결제 주기 토글, 관리자 검색·정렬·필터, 커맨드 메뉴
이런 분께 추천
- 딱딱한 기업형 그라디언트 페이지 대신 따뜻하고 손으로 엮은 느낌의 출시 사이트를 원하는 SaaS, 생산성, 인디 소프트웨어 팀
- 출시나 초기 검증을 위해 마케팅 사이트, 요금제, 제품, 관리자 화면을 설득력 있는 하나의 데모로 만들어야 하는 창업자
- 입력, 정리, 결과 생성처럼 핵심 흐름이 명확해 제품 화면 안에서 작동하는 모습을 보여줄 수 있는 제품
이런 분께는 비추천
- 격식 있는 엔터프라이즈 또는 규제 산업 브랜드. 스티커, 와시 테이프, 손글씨 메모로 의도적으로 경쾌한 톤을 유지합니다
- 실제 계정, 결제, 데이터가 있는 라이브 앱. 로그인, 결제, 이메일은 페이지 안에서만 정직하게 시뮬레이션됩니다
- 카페나 포트폴리오처럼 소프트웨어 제품이 없는 비즈니스. 이 스위트는 제품, 요금제, 관리자 화면을 중심으로 구성됩니다
제품 런칭·앱 성장웹 디자인·디지털 경험홈페이지 제작랜딩페이지 제작스타일 고정편집 가능한 결과물앰버 스크랩북크림 벤토기울어진 UI 콜라주손글씨 주석플레이풀 에디토리얼
이 Skill 소개
Amber 스크랩북 스위트는 SaaS 제품의 모든 화면을 하나로 연결된 뷰 세트로 만듭니다. 마케팅 홈, 요금제, 로그인, 작동하는 제품, 관리자, 보조 페이지까지 포함됩니다. 마케팅 화면은 크림색 종이, 와시 테이프, 폴라로이드, 손글씨 메모로 손으로 엮은 듯한 느낌을 주고, 제품과 관리자 화면은 차분하고 정밀하게 유지됩니다. 예시는 가상의 AI 일정 플래너 Dayfold입니다.
제공 내용
- 완성된 스위트: 홈, 결제 드로어가 있는 요금제, 로그인과 회원가입, 제품, 관리자, 변경 로그, 문의, 개인정보 처리방침, 이용약관, 404 페이지
- 미니멀한 Hero에서 시작해 워드마크 마키, 기울어진 카드와 테이프 붙인 사진이 있는 기능 분할 섹션, 크림색 벤토 그리드, 고객 사례, 로드맵 보드, 메이슨리 후기, FAQ, 메모지 스타일 마무리로 이어지는 홈페이지
- 자연어 할 일 입력과 크레딧을 소모하는 계획 생성 기능이 있는 제품 화면, 그리고 통계, 차트, 검색 가능한 사용자 표가 있는 관리자 Dashboard
- 공유 상태: 회원가입하거나 요금제를 구매하면 계정 메뉴, 크레딧, 요금제 배지, 관리자 표가 함께 업데이트
- 라이트·다크 테마, 커맨드 메뉴, 어떤 브라우저에서도 열리고 오프라인에서도 작동하는 단일 파일
사용 방법
- 제품명, 한 줄 약속, 8~10개의 기능(대표 기능 3개 표시), 요금제 구성, 로드맵 항목 몇 개를 알려 주세요.
- 에이전트가 제품의 핵심 흐름을 내 도메인에 맞추고, 사진을 기획·생성한 뒤, 내 문구로 모든 화면을 만듭니다.
- 파일을 열어 라이트와 다크 모드에서 각 페이지를 둘러본 뒤 문구, 요금제, 섹션 수정을 요청하세요.
에이전트에 이미지 도구가 있으면 사진은 그 도구로 생성되며, 해당 도구의 사용 요금이 발생할 수 있습니다. 브리프에 없는 내용은 플레이스홀더 문구로 작성되고, 에이전트가 확인할 수 있도록 목록으로 정리합니다.
시작 전에 필요한 것
- 준비할 것
- 제품명, 한 줄 약속, 대상 사용자 · 대표 기능 3개를 표시한 8~10개의 기능과 요금제 구성 · 로드맵 항목, 고객 사례, 실제 인용문이나 사진(선택 사항)
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 사진용 에이전트 이미지 도구(선택 사항. 없으면 사진을 직접 제공하거나 표시된 플레이스홀더를 받습니다)
- 외부 비용
- 에이전트에 이미지 도구가 있으면 사진은 그 도구로 생성되며 해당 도구의 사용 요금이 발생할 수 있습니다. 도구가 없으면 에이전트가 사진을 요청하거나 명확히 표시된 플레이스홀더로 제공합니다. 그 외에는 유료 서비스를 사용하지 않습니다.
- 최근 테스트
- v1.0.9 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…