이력서 포트폴리오 복제
이 Skill이 위치한 디렉터리를 프로젝트 루트로 하여 React, GSAP 스크롤 애니메이션, 카드 레이아웃 및 반응형 시각을 유지합니다. 사용자가 개인 웹사이트 제작을 요청하면 먼저 자료를 확인한 후, 실제 이력서를 바탕으로 전체 웹사이트를 완성합니다. 이 저장소는 실행 가능한 소스 코드를 포함하며, 특정 Agent, 클라우드 서비스 또는 API Key가 필요하지 않습니다.
첫 번째 작업
references/materials.md를 읽고node scripts/intake.mjs를 실행합니다. 이 스크립트는 고정 자료 디렉터리를 생성하고 누락된 항목을 출력합니다.- 사용자의 언어로 한 번에 안내합니다: 이력서는
inputs/resume/; 동작 비디오는inputs/videos/; 사진은inputs/photos/; 학교, 직장 로고는inputs/logos/; 선택적 모델은inputs/models/에 넣으세요. 자료 가이드의 카메라 촬영 제안을 제시하며, 그린 스크린 조명을 균일하게 하고 인물의 옷이 녹색을 피하도록 상기시킵니다. - 제출된 자료를 확인합니다. 이력서가 없으면 기다리고, 허위 경력을 작성해서는 안 됩니다. 일부 비디오가 없으면 먼저 이력서를 분석하고 카피를 완료합니다. 사용자에게 어떤 블록이 현재 사진/반복 샷을 사용하는지, 어떤 자료가 여전히 필요한지 알립니다. 빈 디렉터리와 플레이스홀더 이미지는 사용자 자료로 간주하지 않습니다.
references/adaptation.md를 읽고, 사실 추출, 카피 매핑, 자료 가공, 컴포넌트 교체 및 브라우저 승인을 수행합니다. 사용자가 자료를 준비했다고 말하면 intake를 다시 실행하고, 계속할지 반복해서 묻지 않습니다.template/resume-portfolio-content-template-general.docx를 텍스트 입력 테이블로 사용합니다. 이 템플릿은 유지 관리자가 최적화한 4열 테이블 레이아웃을 따릅니다. 먼저 신원, About, 교육/직장 경험, 연락처를 작성한 후, 밀도 높게modules[]를 작성합니다. Word 테이블의modules[]는 업종을 미리 설정하지 않으며, Agent는 CV에 따라 프로젝트 경험, 개인 포트폴리오, 수상 내역, 연구, 논문, 고객 사례 또는 전문 실무 등 유형을 선택해야 합니다. 초안에는 3개의 모듈을 작성할 수 있으며, 첫 번째 모듈은 최대 4개의 항목으로 구성하고, 수동 확인 후 축소합니다. 저장소는template/resume-portfolio-layout-source.docx를 개인 메타데이터가 제거된 레이아웃 소스로 사용합니다. 일반 필드 버전이 필요할 때는python scripts/adapt_user_word_template.py를 실행하고, 소스 파일에 덮어쓰지 않습니다.
사실과 콘텐츠
- 이력서 원문이 인물 사실의 출처입니다. 게시할 각 사실과 원문의 페이지/단락을
work/facts.md에 기록합니다. 공식 직함, 학습 단계, 참여와 주도, 게시됨과 투고 중을 구분합니다. 충돌이나 날짜가 불명확할 경우 출력에 영향을 주는 결함에 대해서만 질문합니다. src/content/profile.js는 페이지 카피와 미디어 번호의 유일한 데이터 진입점입니다. Word 테이블은 사용자 편집 진입점이고,profile.json은 변환 중간 산물에 불과하며 페이지와 장기적으로 병행 유지할 수 없습니다. 일반 복제에서는 이 데이터를 우선 수정합니다. 구조가 적합하지 않으면 컴포넌트를 조정할 수 있으며, 여섯 가지 능력이나 네 가지 경력을 억지로 맞출 필요는 없습니다.- 간결한 중국어 카피와 충실한 영어 번역을 생성합니다. 인물의 실제 전문 분야를 유지합니다. Clinical, Research, Publication은 원래 Demo의 시각적 슬롯일 뿐, 업종 제한이 아닙니다. 비학술 인물은 이를 프로젝트 경험, 개인 포트폴리오, 수상 내역, 고객 사례 또는 전문 실무로 매핑하고, 제목, 그림 설명 및 모델 설명을 동시에 수정해야 합니다. 일반 의학/현미경/종양 시각은 신입 경력으로 해석되어서는 안 됩니다.
- 외부 연락처는 사용자가 제공하고 공개를 지정합니다. 지정되지 않은 전화번호, 생일, 주소, 신분증 등은 게시하지 않습니다. 원본 이력서와 원본 비디오는 inputs에만 남기고 public에 복사할 수 없습니다.
자료와 전달
npm run media를 사용하여 번호 01–07의 그린 스크린 MP4를 처리합니다. 매개변수와 카메라 매핑은 materials를 참조하세요. 처리 후 가장자리, 피부색 및 루프 접합을 확인합니다. 스크립트 매개변수는 시작점일 뿐, 모든 그린 스크린에 대한 품질 보증이 아닙니다.
순서대로 npm ci, npm run intake, Word 변환 / 콘텐츠 매핑, npm run media, npm run build, npm run preview를 실행합니다. 사용 가능한 브라우저 도구를 통해 데스크톱과 모바일, 이중 언어, 캐러셀, 스크롤, 투명 비디오 및 모델 없는 폴백을 확인합니다. 먼저 미리보기를 정적 호스팅 또는 로컬 접근 가능 주소에 배포하고, 사용자가 클릭하여 승인 및 수정을 제안합니다. 수정은 우선 Word 테이블로 되돌아간 후, profile과 웹 페이지에 동기화합니다. 사용자가 최종 확인을 명확히 한 후에야 공식 배포를 수행합니다. 실제로 다른 신입 프로필로 교체하여 모든 이름/기관/연락처 및 플레이스홀더 카피를 검색하고, build 성공만으로 복제 완료를 주장해서는 안 됩니다.
표준화된 폐쇄 루프와 병목 지점
프로젝트를 다운로드한 후 먼저 inputs/ 자료를 수집하고, 이력서 사실을 읽어 Word 테이블을 작성합니다. 자료 처리와 카피 매핑이 완료되면 정적 사이트를 빌드하여 사용자에게 미리보기 주소를 제공합니다. 사용자의 수정 의견을 Word 테이블에 반영하여 다시 빌드하고, 최종 확인 후 배포합니다. 정적 사이트는 기본적으로 백엔드 서버에 의존하지 않지만, 비디오, 폰트 및 3D 모델은 여전히 패키지 크기, 첫 화면 속도 및 호스팅 할당량에 영향을 미칩니다.
일반적인 병목 지점은 다음과 같습니다: 이력서 형식이 복잡하여 사실 추출이 불완전함, 그린 스크린 가장자리 색상 번짐, 로고에 공개 라이선스가 없음, 비디오 또는 GLB가 너무 큼, 일부 Agent에 DOCX 파싱 라이브러리가 없음, 정적 호스팅이 대용량 파일이나 SPA 폴백을 처리할 수 없음. 해결 방법은 페이지/단락 사실 인덱스를 유지하고, 먼저 사진으로 다운그레이드하며, 자료 출처를 기록하고, WebM/GLB를 압축하며, scripts/word_to_profile.py와 번들된 Python을 사용하고, 대용량 자료는 객체 스토리지에 넣거나 정적 CDN을 사용하며, 각 빌드 후 실제 브라우저 검증을 수행하는 것입니다.
로컬 미리보기, 완성된 웹사이트 소스 코드, 자료 용도 인덱스 및 검증 결과를 전달합니다. 기본적으로 사용자의 새 자료를 업로드하지 않으며, 자동 배포하지 않습니다. 게시 또는 업로드는 현재 사용자 권한을 따릅니다. 자료 부족으로 인한 플레이스홀더 블록은 명확히 나열합니다.