콜라주 크리에이티브 포트폴리오v1.0.2
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
급상승
5.0다운로드 33회좋아요 1개저장 2회
$4.99
이 Skill을 구매하면 무엇을 받나요?스튜디오 벽처럼 보이는 디자이너 포트폴리오를 만듭니다. 따뜻한 회색 종이, 코발트와 오렌지 잉크, 마스킹 테이프, 찢은 메모, 즉석 사진, 마커 스티커가 컷아웃 인물 사진을 둘러쌉니다. 케이스 스터디, 서비스, 저널, 문의 폼이 모두 작동하며, 어떤 브라우저에서든 열리고 오프라인으로 작동하는 독립형 파일 하나로 제공됩니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 폰트와 이미지가 내장되어 어떤 브라우저에서든 열리고 오프라인으로 작동하는 독립형 포트폴리오 파일 하나. 자체 프레임워크 프로젝트가 있다면 그 프로젝트로 이식.
- 작동하는 페이지: 작업 필터·검색·정렬·아카이브, 4단 구성 케이스 스터디, 주차별 일정이 있는 서비스 시트, 저널, 검증된 문의 브리프.
- 단색 배경 사진을 평면 Hero 컷아웃이나 가위로 오린 스티커로 바꿔 주는 컷아웃 도구와 바로 활용할 수 있는 15페이지 예시.
이런 분께 추천
- 손으로 만든 듯한 개성이 담긴 포트폴리오를 원하는 그래픽 디자이너, 일러스트레이터, 콜라주 작가.
- 시작 가격이 정해진 범위 고정형 서비스를 판매하는 소규모 인쇄·아이덴티티 스튜디오.
- 서비스를 클래스로, 저널을 소식란으로 바꿔 쓸 수 있는 워크숍 강사나 메이커.
이런 분께는 비추천
- 실제 폼 전송, 결제, 예약: 문의 브리프는 데모용 확인 메시지만 보여 줍니다.
- 종이, 테이프, 두 가지 잉크 대신 미니멀하거나 기업적이거나 어두운 룩이 필요한 브랜드.
- 가상의 Ines Okafor, 그 고객이나 인용문을 실제 작업처럼 소개하는 용도.
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험홈페이지 제작포트폴리오 사이트 제작스타일 고정편집 가능한 결과물코발트·오렌지 포인트컷아웃 인물마스킹 테이프스티커 콜라주찢은 종이 메모
이 Skill 소개
콜라주 크리에이티브 포트폴리오는 스튜디오 벽처럼 보이는 디자이너 포트폴리오를 만듭니다. 결이 살아 있는 따뜻한 회색 종이, 코발트와 오렌지 두 가지 잉크만 사용하고, 마스킹 테이프, 찢은 메모, 즉석 사진, 마커 스티커가 컷아웃 인물 사진을 둘러쌉니다. 예시는 포르투의 가상 그래픽 디자이너이자 페이퍼 콜라주 작가 Ines Okafor이며, 서로 연결된 15개 페이지가 모두 작동합니다.
제공 내용
- 폰트와 이미지가 내장되어 어떤 브라우저에서도 열리고 오프라인에서도 작동하는 단일 웹사이트 파일. 이미 프레임워크 프로젝트가 있다면 디자인을 그 프로젝트로 옮겨 드립니다.
- 완성된 포트폴리오: 필터·검색·정렬·펼쳐 보는 아카이브가 있는 작업 목록, 갤러리·프로세스 노트·잉크 견본이 있는 케이스 스터디 4개, 서비스, 노트 3개가 있는 저널, 소개, 문의, 개인정보 처리방침, 디자인된 404 페이지
- 시작 가격이 있는 범위 고정형 시트로 보여 주는 서비스, Tab으로 나뉜 주차별 테이프 일정표, FAQ 아코디언
- 인라인 오류와 성공 메시지가 있는 검증된 문의 브리프, 뉴스레터 구독, 이메일과 계정 핸들 클립보드 복사
- 벽에 한 번 내려앉고 마우스를 올리면 반듯해지는 종이 조각, 동작 줄이기 설정 존중
사용 방법
- 이름, 분야, 짧은 소개, 고객과 성과가 담긴 케이스 스터디, 시작 가격이 있는 서비스, 연락처를 알려 주세요. 빠진 내용은 그럴듯한 자리 표시 문구로 작성해 확인할 수 있도록 목록으로 정리합니다.
- Hero 컷아웃용으로 단색 배경의 전신 사진과 프로젝트 사진을 보내거나, 같은 부드러운 자연광 스타일의 대체 이미지를 에이전트가 생성하도록 하세요.
- 데스크톱과 휴대폰에서 모든 페이지를 열어 필터, Tab, 문의 폼을 써 보고 수정 사항을 요청하세요.
서체는 Archivo, Anton, Permanent Marker, Caveat, Space Mono를 사용하며 파일에 내장됩니다. 새 이미지는 에이전트 자체 이미지 도구로 만들며 사용 요금이 발생할 수 있습니다.
시작 전에 필요한 것
- 준비할 것
- 이름, 분야, 짧은 소개 · 고객·연도·성과가 담긴 케이스 스터디, 시작 가격이 있는 서비스, 연락처 · 단색 배경의 전신 사진과 프로젝트 사진, 또는 대체 이미지 생성 승인
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 케이스 스터디와 인물 이미지를 위한 에이전트 이미지 도구 또는 직접 준비한 사진 · 번들 컷아웃 도구를 위한 Pillow, NumPy, SciPy가 설치된 Python 3
- 외부 비용
- 새 케이스 스터디와 인물 이미지는 에이전트 자체 이미지 도구로 생성되며 사용 요금이 발생할 수 있습니다. 이미지 도구가 없으면 직접 사진을 제공하세요. 중립적인 카메라, 식물, 테이프, 책상 이미지는 그대로 써도 됩니다. 예시를 보는 데는 비용이 들지 않습니다.
- 최근 테스트
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…