## 核心任務

### 任務背景

在現代求職場景中,針對不同職位客製化的個人展示網站能夠顯著提升求職者的專業形象和競爭力。傳統履歷往往缺乏針對性,無法充分展現求職者與目標職位的匹配度。本Skill 旨在透過AI 能力,自動分析崗位需求,優化個人資訊呈現,並產生高品質的個人求職網站。

### 具體目標

1. 完整收集求職者的個人基礎資料(基本資料、教育背景、工作經驗、技能清單、個人照片)

2. 深度分析目標崗位的產業畫像、技能要求和偏好特徵,至少獲取5-8 個關鍵維度的洞察

3. 智慧匹配個人履歷與職位要求,產生至少3-5 項針對性最佳化建議

4. 產生一個視覺優雅、資訊層次清晰、跨產業通用的互動式個人網站

5. 確保網站內容可追溯,所有優化建議都基於真實的職位分析數據

### 關鍵約束

- 個人資訊必須真實完整,不可虛構或誇大

- 職位分析必須基於真實的網路搜尋結果,至少參考3 個以上來源

- 網站設計風格必須符合"通用型美學、優雅極簡、專業印象深刻"的標準

- 最終網站需要在單頁內完整呈現所有關鍵資訊,支援響應式佈局

### Step 1: 收集並結構化個人履歷信息

**目標**: 完整獲取求職者的所有必需資訊,並整理為結構化資料,為後續分析和網站生成做好準備。

**行動**:

- 請使用者上傳個人資訊，或：

- 引導使用者提供或在YouMind 中編輯以下必需資訊:

- **基本資料**: 姓名、年齡、聯絡方式(郵箱、電話、LinkedIn/GitHub 等)

- **個人照片**: 要求上傳一張專業形象的個人照片(支援JPG/PNG 格式)

- **教育背景**: 學校名稱、專業、學位、就讀時間、核心課程或榮譽(如有)

- **工作經驗**: 公司名稱、職位、工作時間、主要職責及成果(建議3-5 段說明)

- **技能清單**: 專業技能、工具/平台熟練度、語言能​​力、軟技能等

- **其他亮點**(可選): 專案經驗、獲獎情況、出版物、志工經驗等

- 將收集到的資訊整理為清晰的結構化格式(建議使用Markdown 或表格形式)

- 檢查資訊完整性:確認所有必要欄位都已填寫,照片已上傳且格式正確

- 將整理好的個人資訊儲存為YouMind 中的一個Material 或Note,方便後續引用

**品質標準**:

- 所有必需欄位(姓名、年齡、聯絡方式、教育、工作、技能、照片)100% 完整

- 工作經驗與教育背景的描述具體且量化(如"負責XX 項目,提升YY 指標30%")

- 個人照片清晰、專業,背景簡潔

### 文檔語言風格

**語氣**： 專業、直接、有條理，避免過於口語化或過於學術化。

**表達**： 使用主動語態和動詞開頭的句子（如「負責XX」、「領導XX」、「實現XX」），突顯行動和成果。

**數據**： 盡可能量化成果（如「提升轉換率30%」、「管理50 萬美元預算」、「領導10 人團隊」）。

**關鍵字**： 在工作經驗和技能描述中自然融入職位分析中的高頻關鍵字，但避免生硬堆砌。

### Step 2: 分析目標職位的產業畫像與要求

**目標**: 透過全網搜尋,深度理解目標崗位的典型畫像、核心技能要求、產業偏好和隱性期待,為履歷優化提供資料支撐。

**行動**:

- 取得使用者輸入的目標職位名稱(如"AI 公司海外成長經理"、"產品營運專家"等)

- 使用`googleSearch` 工具進行多維度搜尋,至少包含以下查詢:

- "[目標崗位] job description requirements"(崗位描述與要求)

- "[目標職位] skills qualifications"(技能與資質)

- "[目標職位] interview questions"(面試問題,反映雇主關注點)

- "[目標職位] career path"(職業路徑,了解產業背景)

- 如果是特定產業(如AI、SaaS),加入產業關鍵字進行搜尋

- 從搜尋結果中擷取並歸納以下關鍵資訊:

- **硬技能需求**: 必備的專業技能、工具、平台、技術堆疊(列出5-8 項高頻技能)

- **軟技能偏好**: 溝通能力、領導力、跨文化協作等(列出3-5 項)

- **教育與經驗**: 學歷要求、工作年資、產業背景偏好

- **職位職責**: 此職位通常負責的核心工作內容(3-5 條)

- **產業趨勢**: 此職位在當前市場的熱門方向或新興要求(如AI 工具使用、數據驅動決策等)

- **公司文化偏好**: 如果能找到,記錄目標產業/公司類型的文化特徵(如創業精神、結果導向等)

- 將分析結果整理為結構化報告,每個維度都附上原始來源連結(至少3 個不同來源)

- 產生一份"目標職位畫像摘要"(200-300 字),概括該職位的核心特徵

**品質標準**:

- 至少從3 個不同的權威來源(如LinkedIn、Glassdoor、行業報告、招聘網站)獲取信息

- 硬技能清單至少包含5 項,軟技能至少包含3 項

- 每個關鍵發現都附上原始連結,確保可追溯性

- 職位畫像摘要清晰、具體,避免泛泛而談

# 目標職位分析報告

## 目標職位

[職位名稱,如"AI 公司海外成長經理"]

## 職位畫像摘要

[200-300 字的概括,描述該職位的核心特徵、主要職責和行業背景]

## 硬技能要求

1. [技能1] - 來源: [連結]

2. [技能2] - 來源: [連結]

3. [技能3] - 來源: [連結]

…

## 軟技能偏好

1. [技能1] - 來源: [連結]

2. [技能2] - 來源: [連結]

…

## 典型職責

1. [職責1]

2. [職責2]

…

## 教育與經驗要求

- 學歷: [要求]

- 工作年資: [要求]

- 產業背景: [偏好]

## 產業趨勢與新興要求

[描述該職位的最新趨勢,如AI 工具使用、數據驅動等]

## 參考來源

1. [來源1 標題] - [連結]

2. [來源2 標題] - [連結]

3. [來源3 標題] - [連結]

### Step 3: 智慧優化個人履歷以符合職位

**目標**: 將個人資訊與職位要求進行深度匹配,識別優勢和差距,產生針對性的內容優化建議,使簡歷更加tailored。

**行動**:

- 比較Step 1 的個人資訊與Step 2 的職位畫像,進行逐項配對分析:

- **技能匹配**: 個人技能清單中哪些與職位要求重合?哪些是缺少的?

- **經驗相關性**: 工作經歷中哪些內容與職位職責高度相關?如何重新表述以突出相關性?

- **關鍵字對齊**: 職位描述中的高頻關鍵字(如"成長駭客"、"資料驅動"、"跨境營運")是否出現在個人資訊中?

- **軟技能體現**: 個人經驗中是否有具體案例能夠證明職位要求的軟技能(如領導力、溝通能力)?

- 產生3-5 個具體的最佳化建議,每個建議包含:

- **最佳化點**: 需要調整的具體內容(如"在工作經驗中補充資料分析能力的案例")

- **優化理由**: 為什麼這樣調整(如"目標職位要求'數據驅動決策',但當前描述中缺乏量化數據")

- **優化範例**: 給予具體的改寫建議或補充內容

- 辨識個人的2-3 個"差異化優勢"(即個人具備但職位描述中未明確提及,但可能加分的特質或經驗)

- 如果發現明顯的技能或經驗缺口,誠實指出,並建議如何在網站中以"學習意願"或"相關經驗遷移"的方式呈現

- 基於最佳化建議,產生一份"優化後的個人資訊"版本,保留原始資訊的真實性,但調整表述方式和內容順序以突出匹配度

**品質標準**:

- 至少提供3 個具體、可執行的最佳化建議

- 每個建議都有明確的"優化前-優化後"對比或具體示例

- 優化後的內容必須基於真實資訊,不可虛構或誇大

- 辨識出至少2 個差異化優勢點

# 履歷優化建議

## 匹配度分析

- **技能配對**: [已配對的技能] / [缺少的技能]

- **經驗相關性**: [高度相關的經驗] / [需要強化的部分]

- **關鍵字對齊**: [已包含的關鍵字] / [需要補充的關鍵字]

## 優化建議

### 建議1: [最佳化點]

- **理由**: [為什麼需要優化]

- **優化前**: [原始表述]

- **最佳化後**: [改進表述]

### 建議2: [最佳化點]

…

## 差異化優勢

1. [優勢1]: [具體描述]

2. [優勢2]: [具體描述]

## 優化後的個人訊息

[完整的最佳化後個人資訊,格式同"個人資訊結構化文件"]

### 文檔語言風格

**語氣**： 專業、直接、有條理，避免過於口語化或過於學術化。

**表達**： 使用主動語態和動詞開頭的句子（如「負責XX」、「領導XX」、「實現XX」），突顯行動和成果。

**數據**： 盡可能量化成果（如「提升轉換率30%」、「管理50 萬美元預算」、「領導10 人團隊」）。

**關鍵字**： 在工作經驗和技能描述中自然融入職位分析中的高頻關鍵字，但避免生硬堆砌。 ·

### Step 4: 產生後現代風格的個人求職網站

**目標**： 使用YouMind 的`generateWebpage` 工具，產生一個具有後現代主義風格、視覺衝擊力強、打破常規的單頁個人求職網站，完整呈現優化後的個人資訊。

**行動**：

- 呼叫`generateWebpage` 工具，傳入下列指令和參數：

- **instruction**（核心指令）: 「建立一個單頁個人求職網站，展示求職者的完整履歷資訊。網站需要符合以下要求：

- **設計風格**： 後現代主義(Postmodernism) 風格。強調打破規則、混合風格、解構主義、反諷、拼貼、不對稱、大膽色彩和衝突美學。目標是創造一個視覺上令人難忘、充滿個性和挑戰性的網站，避免任何保守或通用的設計。

- **佈局結構**： 打破常規網格的碎片化、不對稱佈局。元素可以重疊、旋轉，創造出深度和混亂感。模組順序可以被打亂或以非線性方式呈現。鼓勵使用Z 軸層次。包含以下模組，但呈現方式可以非傳統：

1. **Hero Section**（首屏）: 視覺衝擊力的開場，可以採用拼貼、文字與圖片重疊、故障藝術（Glitch）等效果。

2. **About Me**（關於我）: 文字可以被分割在頁面的不同區域，或使用多種字體混合排版。

3. **Experience**（工作經驗）: 放棄傳統時間線，使用大小不一的卡片、不規則圖形或視差滾動來展示每段經歷。

4. **Education**（教育背景）: 作為整體佈局中的一個裝飾性或結構性元素，而非獨立的規則模組。

5. **Skills**（技能）: 使用混亂的標籤雲、文字作為圖形元素散佈，或以非傳統方式視覺化。

6. **Contact**（聯絡方式）: 圖示和連結可以巨大或極小化，放置在頁面的意外角落。

- **色彩方案**： 大膽、衝突、高飽和度的色彩組合。使用螢光色、不和諧的鄰近色、強烈的漸層。例如，可以組合亮粉色（#FF00FF）與酸橙綠（#00FF00)，或使用故障藝術（Glitch Art）風格的色彩斷裂效果。背景可以是多色塊拼貼或帶有雜訊/網格圖案。

- **字體系統**： 混合使用多種風格迥異的字體，例如粗野的襯線體（Brutalist serif）與幾何無襯線體。字體大小對比極端，標題可以巨大化，內文可以很小。允許文字旋轉、傾斜、重疊，甚至部分文字可以作為純粹的裝飾圖形元素。

- **互動設計**： 誇張且出乎意料的互動效果。滑鼠懸停時可以觸發故障效果、顏色反轉或元素位移。滾動可以是跳躍式的或帶有強烈的視差效果。導航連結點擊後可能出現非預期的動畫。

- **響應式**： 在不同設備上保持後現代的“破碎感”，但確保核心訊息仍然可讀。行動端可以簡化某些效果，但仍需保持風格一致性。 "

- **references**（引用內容）: 傳入Step 3 產生的「優化後的個人資訊」的Material/Note 引用，以及個人照片的URL

- 產生網站後，檢查以下品質要點：

- 所有個人資訊是否完整且準確地呈現（即使佈局混亂）

- 視覺風格是否符合"後現代主義"的要求，是否大膽、有衝擊力

- 各模組的資訊是否可以被找到並理解

- 互動效果是否如預期般運作，即使它們是「出人意料」的

- 如果產生的網站不符合預期，記錄特定問題，並使用`generateWebpage` 的`webpage_id` 參數進行迭代優化

**品質標準**：

- 網站包含所有必需模組（Hero、About、Experience、Education、Skills、Contact)，但形式不拘

- 視覺設計大膽且符合後現代主義風格，具有強烈的個性和記憶點

- 所有個人資訊準確無誤，與優化後的內容一致

- 網站在桌面端和行動端的核心資訊可讀，風格統一

- 整體給人"大膽、前衛、充滿創意"的第一印象，能夠從眾多簡歷中脫穎而出

## 風格與呈現

### 網站視覺風格（核心標準）

**設計美學**： 後現代主義（Postmodernism）。核心是「對現代主義的反叛與解構」。擁抱混亂、矛盾、反諷和遊戲精神。設計應充滿活力、不拘一格，甚至帶有一絲挑釁。它混合了高級藝術與通俗文化，打破了「好設計」的傳統規則。

**色彩方案**：

- **核心原則**： 大膽、衝突、高飽和度。拒絕和諧，追求視覺張力。

- **色彩組合**： 使用螢光色、霓虹色、以及不和諧的鄰近色。例如：亮粉（#FF00FF) + 亮黃（#FFFF00) + 青色（#00FFFF)。

- **背景**： 避免純白。使用有雜訊（Noise）、網格線、幾何圖案或多色塊拼貼的背景。可以嘗試強烈的漸層色背景。

- **輔助色**： 沒有嚴格的輔助色概念，任何顏色都可以成為主角。可以故意使用「醜陋」的顏色組合來創造反諷效果。

**字體系統**：

- **核心原則**： 反對單一和統一。混合、衝突、對比是關鍵。

- **字體混用**： 在一個頁面中同時使用多種風格迥異的字體，如將經典的襯線體（如Times New Roman）與粗野的無襯線體（如Arial Black）或手寫體並置。

- **大小對比**： 極端化。標題可以巨大到佔據半個螢幕，而正文則可以小到需要費力閱讀（作為一種設計姿態）。

- **文字處理**： 將文字視為圖形。進行旋轉、傾斜、垂直排列、鏡像、重疊。文字可以沿著路徑排列，或被打碎成單個字母散佈在頁面上。

**佈局原則**：

- **打破網格**： 徹底拋棄傳統的網格系統。元素採用不對稱、看似隨機的佈局。

- **拼貼與重疊**： 大量使用圖層和Z 軸，讓圖片、文字、色塊相互重疊，創造出拼貼畫（Collage）的效果。

- **碎片化**： 將一個完整的設計元素（如圖片或文字區塊）打碎成多個部分，分散在各處。

- **留白**： 不規則且動態的留白，留白本身也成為一種形狀和設計元素，而非僅僅是「呼吸空間」。

**互動細節**：

- **懸停效果**： 誇張且具顛覆性。滑鼠懸停時，元素可以發生劇烈位移、顏色反轉、故障（Glitch）效果或播放意想不到的GIF。

- **滾動**： 強烈的視差滾動（Parallax Scrolling)，不同圖層以不同速度移動，創造深度感和迷幻效果。

- **動畫**： 突兀、非線性的動畫。元素可以從意外的方向飛入，或以「錯誤」的方式載入。

- **遊標**： 可以使用自訂的、巨大的或不斷變化的遊標，增加互動趣味性。

**模組設計規範**：

1. **Hero Section**（首屏）:

- 採用拼貼風格，將個人照片（可經濾鏡或故障效果處理）、巨大的名字縮寫、旋轉的目標崗位文字、幾何圖形混合在一起。

- 背景可能是動態的雜訊或快速切換的色塊。

2. **About Me**（關於我）:

- 文字被分割成多個小塊，用不同的字體和大小，散佈在頁面的一個區域。部分文字可能與背景融為一體，需要使用者仔細尋找。

3. **Experience**（工作經歷）:

- 每一段經驗都是一個形狀不規則、顏色鮮明的“卡片”，它們以重疊、傾斜的方式堆疊在一起。滑鼠懸停時卡片會「浮」到頂層並展示詳細資訊。

4. **Education**（教育背景）:

- 資訊可以被整合進頁面的裝飾性邊框裡，或以極小的字體作為背景紋理的一部分。

5. **Skills**（技能）:

- 一個混亂的、動態的文字雲，其中技能詞彙大小不一、字體各異、顏色隨機。滑鼠經過時，詞彙可能會放大或抖動。

6. **Contact**（聯絡方式）:

- 使用超大或像素化的圖標，放置在頁面的邊緣或角落。連結可以隱藏在某個意想不到的圖形元素背後。

**響應式設計**：

- **核心**： 在不同裝置上保持「有序的混亂」。

- **桌面端**（>1200px): 充分展示重疊、多欄的複雜佈局。

- **平板端**（768-1200px): 減少元素的重疊度，但保持不對稱和碎片感。

- **行動端**（<768px): 轉換為單欄佈局，但透過誇張的字體大小對比、大膽的色塊和非線性滾動來維持後現代風格。

###

### Step 5: 品質檢查與交付

**目標**: 對生成的網站進行全面品質檢查,確保資訊準確、設計優雅、使用者體驗流暢,並提供使用指南。

**行動**:

- 進行逐項品質檢查:

- **資訊準確性**: 逐一檢查網站中的姓名、聯絡方式、工作經驗、教育背景、技能等,確保與原始資訊一致

- **視覺一致性**: 檢查字體、顏色、間距、對齊是否統一,是否有視覺瑕疵

- **互動流暢性**: 測試導航跳轉、滾動效果、懸停動畫是否正常

- **響應式適配**: 模擬不同設備尺寸,檢查佈局是否合理

- **可讀性**: 確保文字大小適中、對比足夠、訊息層次清晰

- 產生一份"網站使用指南",包含:

- 網站的存取連結(YouMind 產生的Webpage URL)

- 如何分享網站(複製連結、產生二維碼等)

- 如何根據不同職位快速調整內容(如修改目標職位、更新工作經驗等)

- 後續優化建議(如定期更新內容、新增專案案例等)

- 向使用者展示最終網站,並詢問是否有需要調整的地方

- 如果使用者提出修改意見,記錄並使用`generateWebpage` 進行迭代優化

**品質標準**:

- 所有資訊100% 準確,無錯字或格式錯誤

- 網站在至少2 種設備(桌面+ 移動)上測試通過

- 提供清晰的使用指南,使用者可以獨立分享和維護網站

- 使用者對最終效果滿意,或已根據回饋完成優化