shengjidaguai-china/personal-homepage-skill

解決的問題

AI生成的個人網站與作品集經常看起來過於通用，缺乏明確的個人特色，且過度依賴低品質模板（例如濫用紫色漸層與模糊的文案）。本專案提供一個結構化框架，確保AI代理能生成高品質、專業且具個人特色的個人首頁、作品集與HTML簡報。

如何運作

本專案作為「AI技能」（一組規則與模板），可整合至Claude Code等AI程式代理中。它引導代理遵循嚴謹的生成流程：理解使用者的身份與目標、遵循提供的視覺參考、組織資訊架構，並執行最終品質檢查。專案包含19種視覺方向圖庫、React + Tailwind模板，以及單一檔案HTML模板，以確保一致的視覺品質與版面設計。

適用對象

• 希望建立專業線上形象的開發者、設計師與藝術家。
• 需要履歷首頁的求職者。
• 想要作品集網站的創作者。
• 使用AI程式代理，希望生成精緻、非通用網頁的使用者。

主要特色

• 參考優先方法：優先使用使用者提供的參考（截圖、網站）而非通用模板。
• 結構化內容：強制AI回答關於使用者身份與價值主張的五個核心問題，避免內容模糊。
• 多樣化模板畫廊：包含19種獨特的視覺風格，涵蓋電影感、3D科技風、極簡高級風到終端黑客風等。
• 多格式支援：可生成連續滾動網頁與16:9的HTML簡報。
• 內建品質控管：提供設計檢查清單與驗證腳本，確保輸出符合專業標準。