
미리보기 갤러리
비슷한 Skill
모든 Skill 보기제공 내용
- 폰트와 이미지가 내장되어 어떤 브라우저에서도 열리고 오프라인에서도 작동하는 내 작업용 단일 포트폴리오 파일. 프레임워크 프로젝트가 있다면 그 안으로 옮겨 드립니다.
- 아이덴티티 보드가 있는 케이스 스터디, 가격 요약이 있는 서비스 페이지, 저널, 그리고 작동하는 필터, 검색, 정렬, 그리드·리스트 보기와 예약 위젯.
- 목적에 맞게 만든 이미지 14장과 28페이지 예시로 보여 주는 시그니처 룩: 떠 있는 카드, 빨간 인물 타일, 흐린 서체, 차분한 모션, 완전한 모션 줄이기 지원.
이런 분께 추천
- 그대로 게시할 수 있는 포트폴리오를 원하는 독립 브랜드·웹·제품 디자이너.
- 빨간 타일을 창업자나 팀 사진으로 바꾸고 '우리'라는 화법으로 쓸 수 있는 소규모 스튜디오.
- 고정 요금 서비스를 판매하며 명확한 서비스 페이지, 프로세스 타임라인, 예약 흐름이 필요한 디자이너.
이런 분께는 비추천
- 실제 캘린더 예약, 이메일 발송, 결제. 폼은 데모용 확인 화면만 정직하게 보여 줍니다.
- 차분한 케이스 스터디보다 빽빽한 풀블리드 이미지 갤러리가 필요한 사진작가나 에이전시.
- 가상의 인물 Elin Saro와 그 클라이언트, 인용문을 실제 작업처럼 보여 주는 용도.
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험포트폴리오 사이트 제작스타일 고정편집 가능한 결과물벤토고스트인물 사진프로세스
이 Skill 소개

Bento 디자이너 포트폴리오는 독립 디자이너, 스튜디오, 소규모 브랜드를 위한 포트폴리오 사이트를 만듭니다. 옅은 회색 무대, 두 번째 줄이 흐려지는 두 줄 헤드라인, 빨간 인물 타일을 둘러싼 떠 있는 Bento 카드 6장, 차분한 케이스 스터디 페이지로 구성됩니다. 예시는 로테르담의 가상 디자이너 Elin Saro로, 모든 필터, 폼, 예약 단계가 작동하는 28개의 연결된 페이지를 담고 있습니다.

제공 내용
- 폰트와 이미지가 내장되어 어떤 브라우저에서도 열리고 오프라인에서도 작동하는 단일 웹사이트 파일. 이미 프레임워크 프로젝트가 있다면 디자인을 그 프로젝트로 옮겨 드립니다.
- 완전한 포트폴리오: 작업 목록, 아이덴티티 보드가 있는 케이스 스터디 6개, 소개, 상세 페이지 4개와 가격 요약이 있는 서비스, 프로세스, 후기, 아티클 4편이 있는 저널, 예약, FAQ, 뉴스레터, 개인정보 처리방침, 콜로폰, 디자인된 404 페이지.
- 작동하는 컨트롤: 개수가 표시되는 카테고리 칩, 실시간 검색, 정렬, 그리드·리스트 보기, 날짜·시간·주제를 고르는 예약 위젯, 유효성 검사와 완료 상태가 있는 폼.
- 이미지 14장을 위한 하나의 아트 디렉션: 부드러운 북향 빛, 옅고 따뜻한 회색 표면, 빨간 오브젝트 하나. 각 클라이언트의 아이덴티티는 화면이 아니라 실제 사물로 보여 줍니다.
- 차분한 모션: 카드는 한 번만 자리를 잡고, 섹션은 스크롤에 따라 나타나며, 모션 줄이기 설정에서는 모든 것이 즉시 표시됩니다.

사용 방법
- 이름이나 스튜디오명, 디자인 분야, 클라이언트와 성과가 담긴 프로젝트, 서비스, 가격, 연락처를 알려 주세요. 누락된 내용은 그럴듯한 플레이스홀더로 초안을 만들고 확인할 목록으로 정리합니다.
- 빨간 타일에 쓸 상반신 인물 사진과 작업 사진을 보내거나, 같은 부드러운 빛으로 프로젝트 정물을 에이전트가 생성하도록 하세요. 생성된 인물 사진은 직접 교체하기 전까지 임시 이미지입니다.
- 데스크톱과 휴대폰에서 모든 페이지를 열어 필터, 예약, 폼을 사용해 보고 수정 사항을 요청하세요.

서체는 파일에 내장된 Instrument Sans와 Geist Mono를 사용합니다. 새 이미지는 에이전트 자체의 이미지 도구로 만들며 사용 요금이 부과될 수 있습니다.
시작 전에 필요한 것
- 준비할 것
- 이름 또는 스튜디오명, 디자인 분야, 짧은 소개 · 클라이언트, 연도, 카테고리, 성과가 포함된 프로젝트와 서비스, 가격, 연락처 · 상반신 인물 사진과 프로젝트 사진, 또는 임시 이미지 생성 승인
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 인물 사진과 프로젝트 이미지를 위한 에이전트의 이미지 도구 또는 직접 준비한 사진 · 모든 페이지를 미리 보고 검토하기 위한 최신 브라우저
- 외부 비용
- 새 프로젝트 이미지와 인물 사진은 에이전트 자체의 이미지 도구로 생성하며 사용 요금이 부과될 수 있습니다. 도구가 없다면 직접 사진을 제공하세요. 중립적인 이미지 6장은 플레이스홀더로 둘 수 있습니다. 예시를 보는 데는 비용이 들지 않습니다.
- 최근 테스트
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…









