cv-resume

简历生成器

生成一份视觉惊艳、引人注目且经过 ATS 优化的简历，并保存为单个独立 HTML 文件。千篇一律的输出不可接受。每份简历都必须看起来像出自专业设计师之手——大胆、令人难忘且独具匠心。

---

第 1 步：收集信息

询问（或从上下文中提取）：

1. 全名和联系方式（电子邮箱、电话、LinkedIn、所在地、个人网站/GitHub）
2. 目标职位 / 行业——对 ATS 关键词和视觉风格至关重要
3. 职业目标——目标陈述或职业抱负（1–3 句话，或根据上下文生成）
4. 工作经历（公司、职位、任职时间、职责、成就）
5. 教育背景（院校、学位、毕业年份、GPA（如果较高））
6. 技能（技术技能 + 软技能）
7. 可选信息：证书、项目、出版物、语言、奖项、志愿工作

即使信息不完整，也不要停下来等待。根据已有信息继续，并指出缺少的内容。

---

第 2 步：职业目标部分（必填）

每份简历都必须包含一个职业目标部分，放在页眉之后、工作经历之前。

优秀职业目标的特点：

• 2–4 句话，高度契合目标职位
• 结构：[你的身份] + [核心优势/经验] + [你能为该职位带来什么] + [你想实现什么]
• 避免使用“勤奋”“善于团队合作”“充满热情”等陈词滥调
• 使用具体措辞和与行业相关的关键词
• 既体现抱负，又切合实际

不同职业阶段的示例：

初级职位：

“加州大学伯克利分校计算机科学专业毕业生，通过在两家早期创业公司实习，积累了全栈开发实践经验。熟悉 React、Node.js 和 PostgreSQL，并具备扎实的系统设计与敏捷协作基础。希望获得初级软件工程师职位，为可扩展的产品开发贡献力量，并在高绩效工程团队中不断成长。”

职业中期：

“资深产品经理，拥有 7 年带领跨职能团队推出 B2B SaaS 产品的经验，持续推动可量化的营收增长。擅长通过严谨的数据分析和迭代实验，将复杂的用户需求转化为出色的产品方案。希望将战略路线图规划能力和实干者思维带到一家正处于发展阶段、致力于扩展核心平台的公司。”

转行者：

“曾任中学教师，现转向 UX 设计，拥有 6 年理解学习者心理、清晰传达复杂理念以及围绕用户需求设计课程的经验。已获得 Google UX Design Certificate，并完成 4 个端到端案例研究项目。希望在打造有意义的数字体验的公司中，运用以人为本的设计方法。”

ATS 提示：职业目标是自然优先融入职位相关关键词的理想位置。

---

第 3 步：ATS 优化规则

HTML 结构（不可妥协）：

• 使用 <h1> 展示个人姓名
• 所有章节标题（职业目标、工作经历、教育背景、技能等）均使用 <h2>
• 使用 <h3> 展示职位名称
• 所有项目符号列表均使用 <ul>/<li>
• 章节顺序：职业目标 → 工作经历 → 教育背景 → 技能

内容规则：

• 每个项目符号都以有力的动作动词开头：领导、构建、设计、推出、缩减、创造、优化、架构设计、指导、谈判……
• 每个职位至少量化一项成就：数字、百分比、金额、节省的时间
• 如果提供了目标职位描述，则沿用其中的关键词
• 首次出现时写出缩写的全称：“Machine Learning (ML)”
• 过去的职位使用过去时，当前职位使用现在时

应避免的 ATS 杀手因素：

• 不要使用 HTML <table> 进行布局（使用 CSS flexbox/grid）
• 不要将关键信息放在 background-image、content: 或装饰性 SVG 中
• 不要使用会干扰 ATS 解析器线性文本流的多栏布局
• 技能必须以清晰可读的文本呈现，不能只用可视化进度条/图表

第 4 步：视觉设计（至关重要——平庸即失败）

这是一份经过设计的作品，视觉效果必须出众非凡。请把它当作设计作品集中的佳作，而不是 Word 模板。

强制视觉标准

字体排版——选择一组搭配协调、风格鲜明的字体：

• 标题字体选项：Playfair Display、Cormorant Garamond、DM Serif Display、Fraunces、Libre Baskerville、Yeseva One、Abril Fatface
• 正文字体选项：DM Sans、Outfit、Plus Jakarta Sans、Nunito Sans、Lato、Karla、Mulish
• 绝对不要使用：Arial、Roboto、Inter、Times New Roman、system-ui 等通用字体
• 姓名：使用 36–48px 的标题字体。分节标题：10–12px，字母间距拉开。正文：13–14px。

配色——每份简历选择一套协调的配色方案，并在不同版本中轮换：

主题	背景	文字	强调色	页眉背景
午夜海军蓝	#F5F7FA	#1A1A2E	#4361EE	#1A1A2E
暖酒红	#FDFAF6	#2D1B1B	#8B2635	#2D1B1B
森林高管风	#F4F6F0	#1C2B1E	#2D6A4F	#1C2B1E
石板灰与铜色	#F7F8FA	#1E2433	#C87941	#1E2433
玫瑰编辑风	#FFF8F8	#2B1B1B	#C0414F	#2B1B1B
深青色	#F2F8F8	#0D2B2B	#0D7377	#0D2B2B
炭灰与金色	#FAFAF7	#1A1A1A	#C9A84C	#1A1A1A
自定义	构思一套雅致且符合行业特点的配色

版式模式——选择一种，并大胆运用：

选项 A：醒目侧边栏——采用深色侧边栏（240–260px），在色彩浓郁的强调色栏中放置姓名、联系方式、技能和教育经历；右侧主内容区（职业目标、工作经历）采用简洁的白色背景。

选项 B：戏剧化通栏页眉——使用铺满页面的深色页眉，将姓名以大字显示（居中或左对齐），下方标注目标职位，并以浅色文字展示联系方式；在底边添加几何装饰或对角裁切效果；下方内容区保持简洁。

选项 C：左侧强调栏——沿页面全高设置 6–8px 的醒目彩色左边框；左上方以特大字号显示姓名；采用优雅的单栏布局，并以鲜明的字体对比区分分节标签和正文。

选项 D：编辑风卡片——将整份简历置于居中卡片中，并添加投影；姓名采用超大号衬线字体（48px 以上）；分节标题使用细线分隔的全大写文字；留白充足，营造高端杂志的版式效果。

选项 E：对角线／几何页眉——使用 CSS clip-path 或倾斜伪元素，为页眉打造动感斜边，形成深色页眉与白色内容区之间的分界。

提升设计效果的醒目细节：

• 将技能标签设计为胶囊徽章（彩色背景、圆角、小字号）
• 为分节标题添加装饰线，或在标签前加上 ▪ ◆ ● 等字符
• 将职位名称和公司名称排列在同一行，日期右对齐，采用低调的徽章样式或斜体
• 使用强调色的项目符号（▸ • ◦ ➤）
• 在主要分节之间添加细彩线
• 在页眉中加入姓名首字母组成的装饰性字母组合，或头像占位符
• 在页眉区域背景中添加微妙的 CSS 渐变或几何图案
• 在工作经历条目左侧采用时间线圆点与线条样式
• 添加悬停效果：显示微妙的左边框，或为职位卡片添加背景色调

技能徽章模式（符合 ATS 要求：<li> 中使用纯文本，并通过样式呈现视觉效果）：

<ul class="skill-tags">
  <li>React</li>
  <li>Node.js</li>
  <li>PostgreSQL</li>
</ul>

.skill-tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.skill-tags li { background: var(--accent-light); color: var(--accent-dark);
  padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 500; }

打印与 PDF 优化

务必包含：

@media print {
  * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  body { background: var(--bg); color: var(--text); }
  .resume { box-shadow: none; margin: 0; border: none; max-width: 100%; }
}
@page { margin: 0; size: A4; }

---

第 5 步：分节模板参考

包含职业目标的完整 HTML 框架：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>[Name] – Resume</title>
  <link href="https://fonts.googleapis.com/css2?family=[DisplayFont]&family=[BodyFont]&display=swap" rel="stylesheet">
  <style>/* All CSS here */</style>
</head>
<body>
<div class="resume">
  <header>
    <h1>[Full Name]</h1>
    <p class="headline">[Target Job Title]</p>
    <div class="contact-info">
      <span>[email]</span> · <span>[phone]</span> · <span>[location]</span>
    </div>
  </header>

  <main>
    
    <section class="objective">
      <h2>Career Objective</h2>
      <p>[2–4 sentence tailored objective with role-specific keywords]</p>
    </section>

    
    <section class="experience">
      <h2>Work Experience</h2>
      <div class="job">
        <div class="job-header">
          <div>
            <h3>[Job Title]</h3>
            <span class="company">[Company]</span> · <span class="location">[City]</span>
          </div>
          <span class="dates">[Month Year] – [Month Year]</span>
        </div>
        <ul>
          <li>[Action verb] + [task] + [measurable result]</li>
        </ul>
      </div>
    </section>

    
    <section class="education">
      <h2>Education</h2>
      <div class="edu-item">
        <div>
          <h3>[Degree, Field]</h3>
          <span class="school">[Institution]</span>
        </div>
        <span class="dates">[Year]</span>
      </div>
    </section>

    
    <section class="skills">
      <h2>Skills</h2>
      <ul class="skill-tags">
        <li>Skill One</li><li>Skill Two</li><li>Skill Three</li>
      </ul>
    </section>
  </main>
</div>
</body>
</html>

---

步骤 6：行业专属指南

行业	视觉风格	突出内容	备注
科技/工程	简洁、现代	GitHub、技术栈、开源软件	将技能部分放在靠前位置
金融/咨询	稳重，采用海军蓝/酒红色	投资回报指标、交易规模	突出教育背景
创意/设计	大胆、有表现力	作品集 URL、视觉项目	添加项目部分
医疗健康	值得信赖，采用蓝色/绿色	执照、认证	将认证放在教育背景之后
学术界	传统风格，以衬线字体为主	出版物、拨款、教学	使用完整的学术履历格式（篇幅更长）
高管/C 级	高端、克制	损益、董事会、并购、营收规模	添加董事会/顾问部分
初创公司	现代、充满活力	增长指标、多种职责	项目/副业

---

质量检查清单

ATS：

• <h1> 姓名、<h2> 部分标题、<h3> 职位名称
• 包含职业目标，且内容个性化、关键词丰富
• 技能使用纯文本 <li>
• 每个项目符号都以行动动词开头
• 每段工作经历至少包含一个量化指标
• 不使用 <table> 进行排版

视觉：

• 已加载 Google Fonts — 搭配独特，避免使用通用字体
• 配色协调 — 始终使用同一种强调色
• 页眉具有视觉冲击力（而非纯白色方框）
• 部分标题具有字体设计感（间距、颜色、装饰线）
• 技能标签设计为胶囊徽章
• 打印 CSS 中包含 print-color-adjust: exact
• 看起来像由真正的设计师制作

内容：

• 职业目标经过个性化处理，并使用目标职位关键词
• 联系信息包含电子邮箱和至少一种其他联系方式
• 输出中不含占位文本
• HTML 有效且完整

---

输出

一个 CV/简历 HTML 文件

之后附上一段简短说明，内容包括：（1）选择的职业目标侧重点及原因；（2）采用了哪些 ATS 优化措施；（3）1–2 条可进一步完善简历的建议。