
미리보기 갤러리
비슷한 Skill
모든 Skill 보기제공 내용
- Mara Voss의 15개 라우트로 된 완성 예시 포트폴리오: 케이스 스터디 4개, 에세이 4편, 소개, 이력, 연락처, 404가 사진과 현실감 있는 제품 화면과 함께 담겨 있습니다.
- 작동하는 디테일: 작업 필터, 주제 칩이 있는 글 검색, 케이스 스터디 이미지 전환기, 추천사 캐러셀, 검증된 연락처 폼, 포커스가 갇히는 모바일 드로어.
- Instrument Sans, Newsreader, Geist Mono가 포함된 오프라인 파일 하나로 된 포트폴리오, 제품 화면용 목업 키트, 에이전트가 따르는 스타일 규칙.
이런 분께 추천
- 작업물, 글, 이력을 링크 하나로 보여 주고 싶은 프로덕트 디자이너와 개발자.
- 과정, 성과, 어려웠던 결정을 보여 주는 케이스 스터디가 필요한 구직자.
- 실제 내부 페이지를 갖춘 차분한 1인 사이트를 원하는 사진가, 작가, 컨설턴트, 엔지니어.
이런 분께는 비추천
- 요란하고 컬러풀하거나 애니메이션이 많은 브랜드: 잉크웰은 조용하고 가벼우며 타이포그래피가 이끄는 스타일입니다.
- 대규모 사진 갤러리: 케이스 스터디마다 엄선한 몇 장의 이미지만 담으며, 수백 장을 싣지 않습니다.
- 실제로 작동하는 폼: 연락처 폼은 페이지에서 검증과 확인만 하며, 서비스를 연결하기 전까지는 아무것도 전송하지 않습니다.
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험홈페이지 제작포트폴리오 페이지 제작스타일 고정편집 가능한 결과물그라데이션 잉크 타이포사이드바 내비게이션소프트 섀도 카드웜 뉴트럴 미니멀
이 Skill 소개

프로젝트, 글, 경력을 차분한 개인 사이트로 바꿉니다. 인물 사진과 어두운 Read resume 버튼이 있는 고정 사이드바 옆에 그라디언트 잉크 헤딩의 흰색 시트가 놓입니다. 예시는 로테르담에서 활동하는 가상의 프로덕트 디자이너 Mara Voss로, 케이스 스터디 4개와 에세이 4편이 담겨 있습니다.

제공 내용
- 홈, 필터 가능한 작업 목록, 완전한 케이스 스터디, 아티클 페이지를 갖춘 검색 가능한 글 목록, 소개, 이력 타임라인, 연락처, 디자인된 404
- 문제, 과정, 성과, 어려웠던 결정, 이미지 전환기를 담은 케이스 스터디
- 목업 키트로 만들거나 직접 찍은 스크린샷을 활용한 현실감 있는 프로젝트 커버용 제품 화면
- 글꼴과 이미지가 포함되어 어떤 브라우저에서도 오프라인으로 열리는 파일 하나

사용 방법
- 이름, 직무, 프로젝트, 경력, 에세이 아이디어 몇 가지를 알려 주세요. 빠진 문구는 초안을 작성해 드립니다.
- 에이전트가 제품 화면을 만들고, 사진을 생성하거나 배치하고, 모든 페이지를 채운 뒤 데스크톱과 휴대폰에서 확인합니다.
- 단일 파일을 열어 페이지를 둘러보고 수정 사항을 평소 말투로 요청하세요.

연락처 폼은 페이지에서 확인 메시지만 보여 주며, 서비스를 연결하기 전까지는 아무것도 전송하지 않습니다. 에이전트의 이미지 도구로 만든 사진은 해당 도구의 사용 요금이 발생할 수 있습니다.
시작 전에 필요한 것
- 준비할 것
- 이름, 직무, 도시, 작업 가능 여부, 이메일 · 문제, 과정, 성과를 담은 프로젝트 2~4개와 (있다면) 스크린샷 · 경력 사항과 에세이 아이디어 몇 가지
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 인물, 작업 공간, 에세이 사진을 위한 에이전트의 이미지 생성 도구, 또는 직접 제공하는 사진
- 외부 비용
- 인물, 작업 공간, 에세이 사진은 에이전트 자체의 이미지 도구로 생성하며, 해당 도구의 사용 요금이 발생할 수 있습니다. 제품 화면은 목업으로 만들며, 직접 제공한 사진과 스크린샷으로 어떤 이미지든 교체할 수 있습니다.
- 최근 테스트
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…









