
미리보기 갤러리
비슷한 Skill
모든 Skill 보기제공 내용
- 오프라인으로 열리는 독립형 HTML 파일 하나에 담긴 완전한 포트폴리오: 홈, 작업 목록, 케이스 스터디, 글 목록, 아티클, 강의, 소개, 연락처, 개인정보 처리방침, 404
- 문제·발견·과정·디자인 세부 사항·카운트업 성과를 담은 케이스 스터디와, 주제 필터·검색·읽기 진행률·작성자 카드가 있는 저널
- Geist, Newsreader, Geist Mono 폰트 내장, 라이트·다크 테마, 제품 목업 커버, 유효성 검사와 확인 메시지가 있는 연락처 폼·대기자 명단·뉴스레터
이런 분께 추천
- 케이스 스터디로 자신의 판단력을 보여 주는 독립 프로덕트 디자이너, 디자인 엔지니어, 개발자
- 고객 작업과 함께 강의, 워크숍, 에세이를 보여 주고 싶은 교육자와 작가
- 지금 바로 신뢰감 있는 사이트가 필요하거나, 같은 디자인을 자신의 Next.js, Nuxt, SvelteKit, Astro 프로젝트로 옮기고 싶은 1인 실무자
이런 분께는 비추천
- 팀을 소개하는 스튜디오나 에이전시: 사이트 전체가 한 사람의 1인칭 목소리로 쓰여 있습니다
- 기능 그리드와 요금제 비교 중심의 제품 출시·SaaS 마케팅 페이지
- 기본 제공 폼 처리나 CMS: 직접 서비스를 연결하기 전까지 폼은 페이지 안에서만 확인 표시를 합니다
제품 런칭·앱 성장웹 디자인·디지털 경험홈페이지 제작랜딩페이지 제작스타일 고정편집 가능한 결과물에디토리얼 포트폴리오이미지 중심모노크롬개인 저널
이 Skill 소개

내가 누구인지, 무엇을 만들었고 무엇을 가르치는지 알려 주면 실무자 본인의 첫 화면처럼 읽히는 개인 사이트를 받을 수 있습니다. 좁은 흰색 칼럼, 작은 원형 인물 사진, 차분한 헤드라인 하나, 기울어진 스튜디오 사진 띠로 구성됩니다. 어떤 브라우저에서든 열리고 오프라인으로 작동하는 독립형 파일 하나로 제공됩니다.

제공 내용
- 문제, 배운 점, 과정, 디자인 세부 사항, 측정된 성과를 담은 케이스 스터디가 있는 대표 작업
- 주제 필터와 검색이 있는 글 저널, 읽기 진행률과 작성자 카드가 있는 아티클 페이지
- 강의 또는 서비스, 경력 타임라인이 있는 소개 페이지, 유효성 검사와 확인 메시지가 있는 연락처 폼
- 노트북 사진 대신 선명한 제품 목업으로 그린 프로젝트 커버, 라이트·다크 테마
- 기존 프로젝트가 있다면 같은 디자인을 실제 라우트와 함께 이식

사용 방법
- 이름과 분야, 성과를 포함한 프로젝트 3~6개, 작성한 글, 강의나 서비스, 경력 이력을 알려 주세요.
- 인물 사진과 스튜디오 사진이 있다면 추가하세요. 빠진 부분은 임시로 작성하거나 생성하고, 교체할 수 있도록 목록으로 정리합니다.
- 완성된 파일을 브라우저에서 열고 새 케이스 스터디나 더 짧은 헤드라인처럼 원하는 변경 사항을 평소 말투로 요청하세요.

생성되는 사진은 에이전트의 이미지 도구를 사용하므로 해당 도구의 사용 요금이 발생할 수 있습니다. 폰트와 이미지가 내장되어 완성된 파일은 네트워크 요청을 하지 않습니다.
시작 전에 필요한 것
- 준비할 것
- 이름, 분야, 작업 가능 여부, 연락처 이메일 · 고객, 역할, 문제, 과정, 측정된 성과를 포함한 프로젝트 3~6개 · 글, 강의 또는 서비스, 경력 이력, 그리고 있다면 본인의 인물 사진과 스튜디오 사진
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 선택 사항: 임시 인물·스튜디오·아티클 사진을 위한 에이전트의 이미지 생성 도구
- 외부 비용
- 직접 제공한 사진에는 비용이 들지 않습니다. 임시 인물·스튜디오·케이스 스터디·아티클 사진은 에이전트 자체 이미지 도구로 생성되며 해당 도구의 사용 요금이 발생할 수 있습니다. Skill에 포함된 무난한 스튜디오 사진을 자리 표시용으로 그대로 둘 수도 있습니다.
- 최근 테스트
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…









