Skillry Pick
Split Frame 포트폴리오v1.0.3
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
급상승
5.0다운로드 33회좋아요 3개저장 3회
$4.99
이 Skill을 구매하면 무엇을 받나요?작품이 화면의 절반을 채우는 사진 포트폴리오를 만듭니다. 왼쪽에는 높이 전체를 차지하는 고정 사진 패널, 오른쪽에는 차분한 둥근 카드가 스크롤되는 레일이 있고, 라벨은 작은 역곡선 노치로 사진 모서리를 파낸 듯 배치됩니다. 프로젝트에 마우스를 올리면 패널이 해당 커버로 바뀝니다. 홈, 시리즈별 케이스 스터디가 딸린 작업 인덱스, 저널, 타임라인이 있는 소개, 벽 미리보기가 있는 프린트 숍, 문의, 라이선스 페이지를 라이트·다크 테마로 제공하며, 오프라인에서도 열리는 단일 파일 하나로 완성됩니다.
가장 많이 선택한 직무
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 완전한 사진가 웹사이트: 홈 캐러셀, 필터와 마우스 오버 커버 전환이 있는 작업 인덱스, 시리즈별 케이스 스터디, 저널 글, 소개, 프린트, 문의, 라이선스, 404 페이지
- 스플릿 프레임 룩: 고정 사진 패널, 둥근 카드 레일, 페이지를 파낸 듯한 노치 라벨, 떠 있는 알약형 헤더, 글자가 뒤집히는 내비게이션, 대각선으로 전환되는 라이트·다크 테마 스위치
- 실제로 동작하는 요소: 케이스 스터디 라이트박스, 저널 검색, 가격이 실시간 반영되고 벽 미리보기가 있는 프린트 선택기, 입력 검증 문의 폼, 뉴스레터 구독 — 모두 오프라인 단일 파일 안에
이런 분께 추천
- 갤러리처럼 절제된 UI에 이미지가 중심이 되는 사이트를 원하는 풍경·여행·에디토리얼 사진가
- 프린트를 판매하거나 의뢰를 받으며, 케이스 스터디·가격·문의 폼을 한곳에 모으고 싶은 사진가
- 같은 페이지 구성에 스토리, 패키지, 전시를 옮겨 담을 수 있는 웨딩·인물 사진가, 일러스트레이터, 숙소, 갤러리
이런 분께는 비추천
- 화려하거나 맥시멀한 브랜드: UI는 철저히 흑백이며 모든 색은 사진에서만 나옵니다
- 이미지가 적고 텍스트 위주인 블로그나 문서: 모든 패널에 강한 사진이 있어야 레이아웃이 살아납니다
- CMS, 업로드, 실제 결제가 필요한 사이트: 프린트 문의와 폼은 페이지 안에서 확인 메시지만 보여 줍니다
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험홈페이지 제작포트폴리오 사이트 제작스타일 고정편집 가능한 결과물미니멀리스트모노크롬사진 중심소프트 라운드분할 화면
이 Skill 소개
Split Frame 포트폴리오는 가장 좋은 사진이 화면 왼쪽 절반을 채우고, 그 옆으로 차분한 둥근 카드 레일이 스크롤되는 사진 웹사이트를 만듭니다. 색은 오직 사진에서만 나오며, 사진에 닿는 모든 라벨은 두 개의 작은 노치로 페이지를 파낸 듯 표현됩니다. 예시는 가상의 풍경·여행 사진가 Aster Field이며, 서로 연결된 18개 페이지로 구성됩니다.
제공 내용
- 차분한 캐러셀, 소개 카드, 채널 카드, 시리즈 타일, 최근 의뢰 작업, 클라이언트 마키, 저널 목록, 예약 카드가 담긴 홈 페이지
- 필터 칩, 검색, 목록·그리드 보기를 갖춘 작업 인덱스와, 프레임 라이트박스·작업 접근 단계·결과를 담은 시리즈별 케이스 스터디
- 저널 글, 주요 정보와 경력 타임라인이 있는 소개, 액자 벽 미리보기가 있는 프린트 숍, 입력 검증 폼이 있는 문의, 라이선스, 404 페이지
- 대각선으로 전환되는 라이트·다크 테마, 글자가 뒤집히는 내비게이션, 어떤 브라우저에서도 열리고 오프라인에서 동작하는 단일 파일
사용 방법
- 이름, 직업, 도시, 짧은 소개, 연락처, 그리고 시리즈별로 묶은 사진 8~12장을 공유하세요.
- 에이전트가 사진을 패널, 타일, 케이스 스터디에 배치하고, 시리즈 페이지를 작성하며, 부족한 부분은 생성합니다.
- 파일을 열고 작업 목록에 마우스를 올려 보고, 두 테마와 프린트 선택기를 사용해 본 뒤, 원하는 수정 사항을 평소 말투로 요청하세요.
직접 찍은 사진이 가장 잘 어울립니다. 생성된 이미지는 임시 대체용이며, 에이전트 이미지 도구의 사용 요금이 발생할 수 있습니다.
시작 전에 필요한 것
- 준비할 것
- 이름, 한 줄 직업 소개, 활동 도시, 짧은 소개 글, 연락처 · 장소와 연도가 포함된, 시리즈별로 묶은 사진 8~12장 · 시리즈 설명과 결과, 프린트 크기와 가격, 라이선스 조건(선택 사항이며, 빠진 항목은 목록화된 대체 문구로 남습니다)
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 에이전트의 이미지 도구 — 직접 제공하지 않은 사진에만 필요(없으면 템플릿 사진이 임시 대체 이미지로 쓰입니다)
- 외부 비용
- 사진을 모두 제공하지 않으면 빠진 사진은 에이전트의 자체 이미지 도구로 생성되며, 해당 도구의 사용 요금이 발생할 수 있습니다. 그렇지 않으면 템플릿 사진이 임시 대체 이미지로 남습니다. 그 밖에 유료 서비스는 사용하지 않습니다.
- 최근 테스트
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…