
미리보기 갤러리
비슷한 Skill
모든 Skill 보기제공 내용
- 폰트와 이미지가 내장되어 어떤 브라우저에서도 열리고 오프라인에서도 작동하는 단일 독립 웹사이트 파일. 프레임워크 프로젝트가 있다면 그 프로젝트로 이식합니다.
- 검색과 필터가 가능한 아카이브, 그리고 목차, 읽기 진행률, 코드 복사, 인터랙티브 차트가 있는 장문 아티클.
- 직접 그린 제품 화면이 담긴 사례 연구와 함께 소개, 이력서, 연락처, 뉴스레터, 콜로폰, 개인정보 처리방침 페이지를 24페이지 예시로 보여 줍니다.
이런 분께 추천
- 운영 중인 제품에 대해 공개적으로 글을 쓰는 독립 개발자와 1인 창업자.
- 소개를 스튜디오 소개로, 이력서를 서비스 소개로 바꿔 쓸 수 있는 소규모 스튜디오나 컨설팅사.
- 작업 섹션을 빼고 저널, 강연, 뉴스레터만 남길 수 있는 연구자와 테크니컬 라이터.
이런 분께는 비추천
- 실제 뉴스레터나 문의 메시지 발송. 직접 제공업체를 연결하기 전까지 폼은 로컬 확인만 표시합니다.
- 이미지 중심 포트폴리오나 요란한 마케팅 사이트. 이 디자인은 조용하고 텍스트 중심입니다.
- 가상 인물 Noor Halvorsen, 그녀의 제품이나 수치를 실제인 것처럼 게시하는 경우.
제품 런칭·앱 성장웹 디자인·디지털 경험홈페이지 제작랜딩페이지 제작스타일 고정편집 가능한 결과물블루 포인트콘텐츠 우선개발자 저널사이드바 레이아웃
이 Skill 소개

Skyline 개발자 저널은 독립 개발자를 위한 차분하고 콘텐츠 중심인 개인 사이트를 만듭니다. 왼쪽 고정 사이드바, 하나의 파란 포인트 색상, 텍스트 위주의 조용한 Hero, 읽기 좋게 조판한 장문 에세이, 각 제품의 실제 인터페이스를 보여 주는 사례 연구로 구성됩니다. 예시는 베르겐에 사는 가상의 독립 개발자 Noor Halvorsen의 저널로, 라이트와 다크 모드의 서로 연결된 24개 페이지를 갖추고 있습니다.

제공 내용
- 폰트와 이미지가 내장되어 어떤 브라우저에서도 열리고 오프라인에서도 작동하는 단일 웹사이트 파일. 이미 프레임워크 프로젝트가 있다면 디자인을 그 프로젝트로 옮겨 드립니다.
- 검색, 주제 칩, 정렬, 빈 상태 화면이 있는 저널 아카이브와 목차, 읽기 진행률, 복사 버튼이 있는 코드 블록, 인용구, 인터랙티브 매출 차트가 있는 장문 아티클.
- 각 제품을 직접 그린 인터페이스로 보여 주고 지표, 진행 단계, 인용문을 담은 사례 연구 섹션.
- 소개, 인쇄 가능한 이력서, 입력 검증이 있는 문의 폼, 피드가 있는 뉴스레터 페이지, 콜로폰, 개인정보 처리방침, 404 페이지.
- 검색용 커맨드 팔레트, 완전한 다크 테마, 본문 텍스트는 절대 움직이지 않는 차분한 모션.

사용 방법
- 이름과 역할, 실제 성과가 있는 프로젝트 2~6개, 최소 6편의 글 또는 그 주제, 경력, 강연, 연락용 이메일, 뉴스레터 이름을 공유하세요. 빠진 정보는 그럴듯한 플레이스홀더로 채우고 확인할 수 있도록 목록으로 정리합니다.
- 인물 사진과 작업 공간 사진을 보내거나, 에이전트가 같은 흐린 날의 빛으로 임시 사진과 에세이별 표지를 생성하게 하세요. 제품은 흔한 노트북 스톡 사진이 아니라 항상 직접 그린 인터페이스로 표시됩니다.
- 데스크톱과 휴대폰, 라이트와 다크 모드에서 모든 페이지를 열어 보고, 검색, 필터, 아티클 도구, 폼을 시험해 본 뒤 수정 사항을 요청하세요.

서체는 파일에 내장된 Geist, Newsreader, Geist Mono를 사용합니다. 새 사진은 에이전트의 자체 이미지 도구로 만들며 사용 요금이 발생할 수 있습니다.
시작 전에 필요한 것
- 준비할 것
- 이름, 역할, 실제 성과가 있는 프로젝트 2~6개 · 최소 6편의 글 또는 주제, 경력, 강연, 연락용 이메일, 뉴스레터 이름 · 인물 사진과 작업 공간 사진 또는 임시 이미지 생성 승인
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 인물 사진과 에세이 표지를 위한 에이전트의 이미지 도구 또는 직접 찍은 사진
- 외부 비용
- 인물 사진, 작업 공간 사진, 에세이 표지는 에이전트의 자체 이미지 도구로 생성되며 사용 요금이 발생할 수 있습니다. 도구가 없다면 직접 사진을 제공하세요. 중립적인 표지 6장은 재사용할 수 있고, 노트에는 타이포그래피 타일이 쓰입니다. 예시를 보는 데는 비용이 들지 않습니다.
- 최근 테스트
- v1.0.5 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…









