shengjidaguai-china/personal-homepage-skill

해결하는 문제

AI로 생성된 개인 웹사이트와 포트폴리오는 종종 일반적인 외관을 가지며, 명확한 정체성이 없고 저품질의 템플릿(예: 자주 사용되는 보라색 그라데이션과 모호한 텍스트)에 의존하는 경향이 있습니다. 본 프로젝트는 AI 에이전트가 고급스럽고 전문적이며 개인 맞춤형 홈페이지, 포트폴리오, HTML 프레젠테이션을 생성할 수 있도록 구조화된 프레임워크를 제공합니다.

작동 방식

이 프로젝트는 Claude Code와 같은 AI 코딩 에이전트에 통합할 수 있는 'AI 스킬'(규칙과 템플릿의 집합)으로 작동합니다. 사용자의 정체성과 목표를 이해하고, 제공된 시각적 참조를 따르며, 정보 아키텍처를 구성하고, 최종 품질 검사를 수행하는 엄격한 생성 워크플로우를 안내합니다. 19개의 시각적 스타일 라이브러리, React + Tailwind 템플릿, 단일 파일 HTML 템플릿을 포함하여 일관된 시각적 품질과 레이아웃을 보장합니다.

대상 사용자

• 전문적인 온라인 존재감을 원하는 개발자, 디자이너, 아티스트.
• 이력서용 홈페이지가 필요한 구직자.
• 포트폴리오 웹사이트를 원하는 크리에이터.
• AI 코딩 에이전트를 사용하여 정교하고 일반적이지 않은 웹 페이지를 생성하고자 하는 사용자.

주요 특징

• 참조 우선 접근법: 일반적인 템플릿보다 사용자가 제공한 참조(스크린샷, 웹사이트)를 우선시합니다.
• 구조화된 콘텐츠: 사용자의 정체성과 가치 제안에 관한 5가지 핵심 질문에 답하도록 강제하여 모호한 콘텐츠를 방지합니다.
• 다양한 템플릿 갤러리: 영화적이고 3D 기술적인 스타일에서 미니멀 프리미엄, 터미널 해커 스타일까지 19가지의 독특한 시각 스타일을 포함합니다.
• 다양한 형식 지원: 연속 스크롤 웹 페이지와 16:9 HTML 프레젠테이션 모두 생성 가능합니다.
• 내장된 품질 관리: 전문 수준을 충족시키기 위해 디자인 체크리스트와 검증 스크립트를 제공합니다.