
미리보기 갤러리
비슷한 Skill
모든 Skill 보기제공 내용
- 서로 연결된 22개 페이지: 홈, 작업 목록, 케이스 스터디 4개, 서비스와 상세 페이지 3개, 소개, 경력, 글 4편이 담긴 저널, 연락처, FAQ, 뉴스레터, 개인정보 처리방침, 404
- Doodle 룩: Young Serif 헤드라인, Figtree 본문, Kalam 손글씨 메모, 라일락 인물 블롭, 그리고 한 번 스스로 그려지는 테이프·화살표·밑줄
- 실제로 작동하는 요소: 견적 계산기, 검색·정렬이 있는 작업 필터, 케이스 스터디 미리보기 Tab, 후기 캐러셀, FAQ Tab, 유효성 검사가 있는 폼을 오프라인 파일 하나에 담음
이런 분께 추천
- 어두운 템플릿보다 개성 있는 포트폴리오를 원하는 프론트엔드 개발자와 프로덕트 디자이너
- 작업물을 케이스 스터디, 서비스, 메모로 정리할 수 있는 소규모 스튜디오, 일러스트레이터, 인디 제품 메이커
- 가격과 작업 프로세스를 미리 보여 주고 더 적합한 문의를 받고 싶은 프리랜서
이런 분께는 비추천
- 기업적이거나 격식 있는 브랜드: 손글씨 메모와 파스텔 무대는 의도적으로 장난스럽게 디자인되었습니다
- 실제 메시지 전송: 연락처와 뉴스레터 폼은 페이지 안에서만 확인 표시를 하며, 실제로 보내려면 자체 백엔드가 필요합니다
- 내세울 인물이 없는 사이트: Hero가 인물 사진과 이름 카드를 중심으로 구성되어 있습니다
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험포트폴리오 사이트 제작스타일 고정편집 가능한 결과물낙서 Hero손글씨 메모ID 메모인물 스테이지
이 Skill 소개

작업물을 스케치북 같은 포트폴리오로 바꿔 보세요. 따뜻한 크림색 바탕 위의 거대한 코발트 세리프 헤드라인, 라일락 블롭 모양으로 오린 인물 사진과 테이프로 붙인 ID 메모, 레이아웃 안에 자연스럽게 자리 잡은 손그림 화살표·꽃·밑줄로 구성됩니다. 예시 사이트는 서로 연결된 22개 페이지로 이루어져 있으며, 어떤 브라우저에서든 오프라인으로 열리는 파일 하나로 제공됩니다.

제공 내용
- 소개, 서비스, 대표 작업, 경력, 작업 프로세스, 툴킷, 후기, 메모, 마무리 CTA로 구성된 홈
- 데스크톱·모바일·컴포넌트 Tab으로 직접 그린 제품 미리보기를 보여 주는 케이스 스터디와, 필터·검색·정렬이 있는 작업 목록
- 고정 가격 카드와, 옵션을 고를 때마다 가격 범위가 바뀌는 실시간 견적 계산기가 있는 서비스
- 소개, 경력, 전체 글이 담긴 저널, FAQ, 뉴스레터, 개인정보 처리방침, 연락처, 디자인된 404
- Young Serif, Figtree, Kalam, Geist Mono 폰트와 모든 이미지를 내장해 페이지가 네트워크 요청을 하지 않음

사용 방법
- 이름, 직무, 프로젝트, 서비스, 연락처를 알려 주고, 인물 사진이 있다면 함께 공유하세요.
- Skill이 모든 페이지를 채우고, 빠진 내용은 그럴듯한 임시 문구로 작성한 뒤 확인할 수 있도록 목록으로 정리합니다.
- 파일을 열어 견적 계산기, 필터, 폼을 직접 써 보고, 원하는 변경 사항을 평소 말투로 요청하세요.

직접 제공하지 않은 사진과 일러스트는 에이전트의 이미지 도구로 생성되며, 해당 도구의 사용 요금이 발생할 수 있습니다.
시작 전에 필요한 것
- 준비할 것
- 이름, 직무, 지역, 짧은 자기소개, 그리고 있다면 인물 사진 · 개요·핵심 결정·성과를 담은 프로젝트 2~6개와, 가격을 포함한 제공 서비스 · 선택 사항: 경력, 툴킷, 후기, 글, 연락처
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 인물·스튜디오·상황 사진과 저널 일러스트를 위한 에이전트의 이미지 도구(직접 제공한다면 선택 사항)
- 외부 비용
- 직접 제공하지 않은 사진과 일러스트는 에이전트 자체 이미지 도구로 생성되며, 해당 도구의 사용 요금이 발생할 수 있습니다. 제품 미리보기는 코드로 그려지고, 완성된 페이지는 네트워크 요청을 하지 않습니다. 예시를 보는 데에는 비용이 들지 않습니다.
- 최근 테스트
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…









