
미리보기 갤러리
비슷한 Skill
모든 Skill 보기제공 내용
- 가상의 인물 Rowan Hale을 위한 15개 라우트 예시: 홈, 케이스 스터디 4개와 아카이브가 있는 작업 목록, 전체 에세이가 담긴 글, 소개, 문의, 디자인된 404.
- 실제로 작동하는 디테일: 커맨드 메뉴, 테마 전환, 검색이 되는 작업·글 필터, 히트맵 기간 Tab, 복사 버튼, 인라인 오류·로딩·완료 상태가 있는 문의 폼.
- 실시간 제품 화면으로 그린 프로젝트 커버, 하나의 아트 디렉션으로 맞춘 흑백 사진, 내장된 Geist 폰트, 스타일 가이드와 내장 점검 항목.
이런 분께 추천
- 화려한 템플릿보다 정밀하고 절제된 사이트를 원하는 디자인 엔지니어와 개발자.
- 두 테마와 휴대폰에서 모두 잘 읽히는 케이스 스터디, 에세이, 문의 폼이 필요한 구직자.
- 헤어라인, 모노스페이스 캡션, 모노크롬의 절제미를 좋아하는 사람.
이런 분께는 비추천
- 컬러풀하고 이미지가 많은 퍼스널 브랜드: 이 시스템은 파란 포인트 하나를 더한 모노크롬 징크 톤입니다.
- 콘텐츠 관리 시스템이 필요한 블로그: 에세이와 케이스 스터디는 페이지 자체 데이터에 들어 있습니다.
- 바로 실제 메시지를 보내는 용도: 문의 폼은 백엔드를 연결하기 전까지 페이지 안에서만 확인됩니다.
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험홈페이지 제작포트폴리오 사이트 제작편집 가능한 결과물단계별 확인세련된 비주얼미니멀리스트모노크롬헤어라인 그리드기술 블루프린트
이 Skill 소개

이름, 경력, 프로젝트, 에세이를 엔지니어의 도면 위에 그린 듯한 개인 사이트로 바꿔 보세요. 화면을 가로지르는 헤어라인, 모노크롬 징크 톤, 줄무늬 띠, 작은 아이소메트릭 Fig. 1이 특징입니다. 예시는 포르투에서 일하는 가상의 디자인 엔지니어 Rowan Hale로, 15개 라우트가 서로 연결되어 있습니다. 기본 결과물은 어떤 브라우저에서도 오프라인으로 열리는 단일 독립 파일입니다.

제공 내용
- Fig. 1, 프로필, 개요 정보, 히트맵, 소개, 대표 작업, 경력, 기술 스택, 글, 발표가 있는 홈
- 문제, 과정, 갤러리, 결과, 크레딧을 담은 케이스 스터디 페이지와 읽기 진행 바·목차가 있는 에세이
- 커맨드 메뉴, 라이트·다크 테마, 검색이 되는 필터, 모바일 메뉴, 검증되는 문의 폼
- 파일에 내장된 Geist, Geist Mono, 손글씨 Caveat 메모. 네트워크에서 불러오는 것이 없습니다

사용 방법
- 이름, 역할, 도시, 성과가 포함된 프로젝트, 경력, 에세이, 연락처를 알려 주세요. 빠진 정보는 임시로 작성하고 목록으로 정리합니다.
- 에이전트가 데이터를 채우고, 프로젝트마다 커버를 그리고, 인물 사진을 흑백으로 변환합니다.
- 두 테마에서 사이트를 열어 커맨드 메뉴와 문의 폼을 테스트한 뒤 원하는 수정을 요청하세요.

직접 준비한 인물 사진과 사진은 추가 비용이 들지 않습니다. 생성한 사진은 이미지 도구의 사용 요금이 발생할 수 있습니다.
시작 전에 필요한 것
- 준비할 것
- 이름, 짧은 역할 문구 3~5개, 도시, 이메일, 업무 가능 여부 · 역할, 과정 단계, 측정 가능한 결과가 포함된 프로젝트 2~6개와 경력, 에세이 · 인물 사진 1장 또는 대체 이미지 생성에 대한 허가
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 선택 사항: 작업 공간이나 장소 사진을 위한 에이전트의 이미지 생성 도구
- 외부 비용
- 에이전트의 이미지 도구로 생성한 사진은 해당 도구의 사용 요금이 발생할 수 있습니다. 직접 준비한 사진과 직접 그린 프로젝트 커버는 추가 비용이 들지 않습니다.
- 최근 테스트
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…









