## 核心任务

### 任务背景

在现代求职场景中,针对不同岗位定制化的个人展示网站能够显著提升求职者的专业形象和竞争力。传统简历往往缺乏针对性,无法充分展现求职者与目标岗位的匹配度。本 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 种设备(桌面 + 移动)上测试通过

- 提供清晰的使用指南,用户可以独立分享和维护网站

- 用户对最终效果满意,或已根据反馈完成优化