Basalt 개발자 포트폴리오v1.0.4
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
인기
5.0다운로드 99회좋아요 2개저장 0회
무료
검정에 가까운 배경, 시안 포인트 컬러 하나, 깔끔한 Geist 서체로 만든 완성형 개인 개발자 사이트입니다. 겸손하고 위트 있는 헤드라인의 홈페이지는 물론, 직접 그린 제품 창이 들어간 케이스 스터디, 전체 아티클, 노트가 포함된 발표, Uses 페이지, 경력 마일스톤이 있는 소개 페이지, 이력서, 문의 폼까지 포함합니다. 작업물, 글, 경력을 링크 목록이 아닌 하나의 일관된 작업 세계로 보여주고 싶은 개발자에게 잘 맞습니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 완성형 포트폴리오 사이트: 홈, 케이스 스터디가 있는 작업 목록, 전체 아티클이 있는 글, 노트가 포함된 발표, Uses, 마일스톤이 있는 소개, 이력서, 문의, 404 페이지
- 바잘트 룩: 검정에 가까운 징크 컬러, 시안 포인트 컬러 하나, Geist와 Geist Mono 서체, 떠 있는 알약형 내비게이션, 떨어지는 빛줄기가 비추는 경력 Tab
- 실제 제품 화면처럼 그린 프로젝트 커버와 톤을 맞춘 사진 세트, 모두 어떤 브라우저에서도 오프라인으로 열리는 파일 하나에 담김
이런 분께 추천
- 케이스 스터디, 글, 발표, 이력서를 하나의 개인 사이트에 담고 싶은 개발자와 인디 해커
- 오늘 바로 단일 파일로 공개할 수 있는 세련된 채용용 사이트가 필요한 프리랜서와 구직자
- 포인트 컬러 하나만 쓰는 어둡고 조용한 타이포그래피 중심 룩을 좋아하는 사람
이런 분께는 비추천
- 코드 호스팅 서비스의 실시간 데이터. 저장소 스타, 글, 발표는 정적 콘텐츠로 페이지에 작성됩니다
- 밝거나 화려하거나 사진이 많은 퍼스널 브랜드. 바잘트는 시안 포인트 컬러 하나만 있는 다크 전용 디자인입니다
- 실제로 작동하는 폼 백엔드. 문의 폼은 페이지 안에서 유효성 검사와 확인만 하며, 메시지를 전달하려면 자체 핸들러가 필요합니다
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험홈페이지 제작포트폴리오 사이트 제작스타일 고정편집 가능한 결과물빔 모션시안 포인트다크 징크개발자 미니멀호버 글로우 카드
이 Skill 소개
경력, 프로젝트, 글을 완성형 개발자 사이트로 바꿉니다. 검정에 가까운 페이지, 시안 포인트 컬러 하나, 떠 있는 알약형 내비게이션, 겸손하고 위트 있는 헤드라인이 특징입니다. 케이스 스터디, 아티클, 발표, Uses 페이지, 소개 페이지, 이력서가 모두 연결되어 있으며, 사이트 전체가 어떤 브라우저에서도 오프라인으로 열리는 파일 하나로 제공됩니다.
제공 내용
- 선별한 작업물, 떨어지는 빛줄기가 비추는 Tab형 경력 레일, Show More로 펼쳐지는 오픈 소스 그리드, 최신 글, Uses, 발표가 있는 홈페이지
- 프로젝트 커버를 실제 제품 화면처럼 그린 케이스 스터디 페이지, 그리고 목차와 복사 가능한 코드가 있는 전체 아티클 페이지
- 인물 사진, 원칙, 연도별 마일스톤 타임라인이 있는 소개 페이지, 이력서, 노트가 포함된 발표 페이지, 유효성 검사가 되는 문의 폼
- 커맨드 팔레트, 모바일 메뉴, 검색과 빈 상태 화면이 있는 필터, 동작 줄이기 사용자에게는 꺼지는 차분한 모션
- Geist와 Geist Mono 서체, 모든 이미지가 내장되어 네트워크 요청을 보내지 않는 페이지
사용 방법
- Skill에 나를 소개해 주세요. 직무, 다녔던 회사와 그곳에서 한 일, 성과가 있는 프로젝트, 저장소, 글, 발표 등을 알려 주고, 인물 사진이 있다면 함께 보내 주세요.
- 내 정보로 사이트를 채우고, 건너뛴 부분은 사이트 고유의 톤으로 초안을 작성한 뒤 확인하거나 삭제할 수 있도록 목록으로 정리합니다.
- 파일을 열어 모든 페이지를 둘러보고, "발표 페이지 빼 줘"나 "다섯 번째 프로젝트 추가해 줘"처럼 평소 쓰는 말로 수정 사항을 요청하세요.
직접 제공하지 않은 사진은 에이전트의 이미지 도구로 생성되며, 해당 도구의 사용 요금이 발생할 수 있습니다.
시작 전에 필요한 것
- 준비할 것
- 이름, 직무, 위치, 구직·협업 가능 여부, 두세 문장 자기소개 · 구체적인 성과가 있는 경력과, 문제·결정·결과가 담긴 프로젝트 2~6개 · 선택 사항: 저장소, 글, 발표, 도구, 마일스톤, 본인 인물 사진 또는 행사 사진
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 직접 제공하지 않은 사진(인물 사진, 발표 사진, 책상 정물)을 위한 에이전트의 이미지 도구. 직접 제공하면 선택 사항
- 외부 비용
- 직접 제공하지 않은 사진은 에이전트의 자체 이미지 도구로 생성되며 해당 도구의 사용 요금이 발생할 수 있습니다. 프로젝트 배경은 Skill에 포함되어 있고, 완성된 페이지는 네트워크 요청을 보내지 않습니다. 예시를 보는 데는 비용이 들지 않습니다.
- 최근 테스트
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…