Communitygithub.com

HarryXC09/resume-portfolio-skill

從用戶簡歷、人物動作影片和機構商標復刻互動式個人簡歷網站。適用於下載本專案後收集素材、分析履歷、提煉雙語文案並取代模板內容的任務。

resume-portfolio-skill 是什麼?

此技能旨在幫助AI代理從用戶提供的簡歷、人物動作影片和機構商標等素材,自動復刻出一個互動式個人簡歷網站。它基於React和GSAP構建,支援滾動動畫、卡片佈局和響應式視覺設計,且不依賴特定雲服務或API金鑰。技能流程包括:素材檢查與收集(如簡歷PDF、綠幕影片、Logo)、事實提取與雙語文案生成(中英文)、Word表格填空與內容映射、以及最終的靜態網站建置與預覽。它特別適合需要快速將真實履歷轉化為可部署個人網站的場景,支援非學術背景的個人作品集、客戶案例或專業實踐等模組。常見卡點包括複雜履歷格式、綠幕邊緣溢色、大型影片或3D模型導致的效能問題,技能提供了對應的降級與解決方案(如照片降級、壓縮、使用CDN)。最終交付包括本地預覽、完整原始碼、素材用途索引及驗收結果,並強調用戶授權與隱私保護(不自動上傳素材或部署)。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add HarryXC09/resume-portfolio-skill

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

簡歷 Portfolio 復刻

以本 Skill 所在目錄為專案根目錄,保留 React、GSAP 滾動動畫、卡片佈局和響應式視覺。使用者請求製作個人網站時,先檢查素材,再根據真實簡歷完成整個網站。這個倉庫包含可執行原始碼,不需要特定 Agent、雲端服務或 API Key。

首次接手

  1. 閱讀 references/materials.md,執行 node scripts/intake.mjs。腳本會建立固定素材目錄並輸出缺項。
  2. 使用使用者的語言一次性說明:簡歷放 inputs/resume/;動作影片放 inputs/videos/;照片放 inputs/photos/;學校、工作單位商標放 inputs/logos/;可選模型放 inputs/models/。給出材料指南中的鏡頭建議,提醒將綠幕佈光均勻且人物服裝避免綠色。
  3. 檢查已提交材料,缺簡歷時等待,不能虛構履歷。缺部分影片時先分析簡歷並完成文案;告訴使用者哪些區塊暫用照片/重複鏡頭,哪些素材仍需補齊。空目錄及佔位圖不算使用者材料。
  4. 讀取 references/adaptation.md,執行事實提取、文案映射、素材加工、組件取代和瀏覽器驗收。使用者說材料已準備好後重新執行 intake,不重複詢問是否繼續。
  5. 使用 template/resume-portfolio-content-template-general.docx 作為文字輸入表。它沿用維護者最佳化版的四列表格排版;先填寫身份、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 和網頁。使用者明確最終確認後,才執行正式部署。用一個確實不同的新人 Profile 驗證取代,搜尋所有姓名/機構/聯絡方式和佔位文案,不能僅憑 build 成功宣稱復刻完成。

標準化閉環與卡點

下載專案後先收集 inputs/ 素材,再讀取簡歷事實並填寫 Word 表;素材處理和文案映射完成後建置靜態站,先給使用者一個可預覽位址;使用者的修改意見回寫 Word 表並重新建置,最後在明確確認後部署。靜態站預設不依賴後端伺服器,但影片、字型和 3D 模型仍會影響包體積、首屏速度和託管額度。

常見卡點包括:簡歷格式複雜導致事實提取不完整、綠幕邊緣溢色、Logo 沒有公開授權、影片或 GLB 過大、部分 Agent 沒有 DOCX 解析庫、靜態託管無法處理大檔案或 SPA 回退。解決方式是保留頁碼/段落事實索引、先用照片降級、記錄素材來源、壓縮 WebM/GLB、使用 scripts/word_to_profile.py 和 bundled Python、把大素材放物件儲存或改用靜態 CDN,並在每輪建置後做真實瀏覽器驗收。

交付本地預覽、完成的網站原始碼、素材用途索引及驗收結果。預設不上傳使用者新素材、不自動部署。發布或上傳時遵循使用者當前授權。缺材料導致的佔位區塊明確列出。

相關技能