Resume Builder

简历制作 Skill

触发条件

用户提到：简历、resume、CV、求职、找工作、投简历、实习简历、应聘

---

一、设计铁律

1.1 配色系统（只用这一套）

| 用途 | 色值 | 说明 | |------|------|------| | 页面背景 | #f0f2f5 | 浅灰底色，不刺眼 | | 纸张背景 | #fff | 纯白，打印无色差 | | 主文字 | #1a1a2e | 深蓝黑，比纯黑柔和 | | 正文 | #444 / #555 | 深灰，阅读舒适 | | 辅助文字 | #888 / #aaa | 浅灰，时间/标签 | | 强调色（选一个） | #2563eb（蓝）或 #b45309（琥珀） | 链接、分段标记、重点标签 | | 边框 | #e5e7eb / #e8eaed | 极细，不抢视觉 | | 重点项目底色 | #fefce8 边框 #fde68a | 淡黄，温暖但不花 | | 普通卡片底色 | #fafbfc | 微灰白，与纸张区分 |

禁止：渐变背景、光晕、阴影过重（box-shadow 不超过 0 1px 12px rgba(0,0,0,0.08)）、多色混搭。

1.2 字体系统

font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', sans-serif;

| 元素 | 字号 | 字重 | 行高 | 字间距 | |------|------|------|------|--------| | 姓名 | 24-26px | 800 | - | 2-3px | | 职位行 | 14px | 500 | - | - | | 分段标题 | 15px | 700 | - | 0.5px | | 学校/项目名 | 13-14px | 600-700 | - | - | | 正文描述 | 12-13px | 400 | 1.6-1.7 | - | | 标签 | 10.5-11px | 400 | - | - | | 时间/辅助 | 11px | 400 | - | - |

禁止：用 font-weight: 300（太细看不清）、字号低于 10px（打印模糊）。

1.3 间距系统（8px 基准网格）

| 位置 | 间距 | |------|------| | 页面上下 padding | 40px | | 页面左右 padding | 44px | | section 之间 | 26px | | section 标题与内容 | 14px | | 卡片之间 | 9-10px | | 卡片内 padding | 12-15px | | 标签之间 gap | 4-5px | | 联系方式 gap | 18px |

1.4 视觉层次

第1层：姓名（最大最粗）
第2层：分段标题（粗 + 底部分割线）
第3层：项目/学校名（中粗）
第4层：正文描述（常规）
第5层：标签/时间（最小最淡）

用 粗细 + 大小 + 颜色深浅 三层区分，不靠颜色种类区分。

1.5 绝对禁止的设计元素

• ❌ 深色主题 / 暗黑模式
• ❌ 头像照片（除非用户明确要求）
• ❌ 渐变背景 / 光晕 / 网格纹理
• ❌ 入场动画 / hover 特效 / transform
• ❌ 外部 CDN 字体 / JS 库 / 图标库
• ❌ 大圆角（超过 8px）
• ❌ 分栏布局（左右各一半的那种花哨简历）
• ❌ 进度条 / 星级评分（自评技能水平，毫无意义）
• ❌ QR 码（除非用户要求）
• ❌ 个人座右铭 / 自我评价段落（浪费空间）

---

二、排版铁律

2.1 页面尺寸

• A4 纸：210mm × 297mm
• 内容区：约 180mm × 257mm（减去 padding）
• 屏幕宽度：max-width: 820px
• 打印 padding：12mm 14mm

2.2 信息密度控制

一页简历的合理字数：中文 600-900 字（不含标签）

• 头部：30-50 字
• 教育：30-50 字
• 技能：只写标签，不写句子
• 重点项目：150-250 字
• 其他项目：每个 80-120 字，2-4 个
• 证书：20-40 字

超过一页怎么办：

• 砍掉不相关的项目
• 缩短项目描述（每条不超过 2 行）
• 合并相似技能分类
• 删掉自我评价/兴趣爱好

2.3 对齐规则

• 所有文字左对齐（不居中，除了底部 GitHub 链接）
• 同级元素严格对齐（学校名和时间在同一行两端）
• 标签流式排列（flex-wrap），不强制等宽
• section 标题左侧有 4px 宽的强调色竖条

2.4 响应式断点

/* 移动端：640px 以下 */
@media (max-width: 640px) {
  .page { padding: 24px 18px; }
  .header { text-align: center; }
  .contact-row { justify-content: center; }
  .skills-grid { grid-template-columns: 1fr; }
  .featured-grid { grid-template-columns: 1fr; }
  .cert-grid { grid-template-columns: 1fr; }
}

2.5 打印样式

@media print {
  body { background: #fff; margin: 0; padding: 0; }
  .page { padding: 12mm 14mm; max-width: none; box-shadow: none; }
}

打印前自检：

• 背景色是否丢失？（浏览器默认不打印背景色，需要用白底）
• 链接是否可点击？（PDF 中应该可点击）
• 页数是否正确？（不超过 2 页）

---

三、内容铁律

3.1 头部（Header）

必须有：姓名、目标职位、手机、邮箱、GitHub 不要有：头像、地址、生日、性别、民族、政治面貌

格式：

姓 名
目标职位 · 专业方向
📞 手机 | ✉️ 邮箱 | 🔗 GitHub

3.2 教育背景（Education）

必须有：学校、专业、学历、起止时间 不要有：GPA（除非 3.5+/4.0 或前 10%）、课程列表、奖学金（除非国奖）

格式：

学校名称                    起止时间
专业 · 学历

3.3 核心技能（Skills）

分类方式（选 3-5 类，每类 5-8 个标签）：

• 按技术领域：AI Agent / 工程仿真 / 编程语言 / 工具平台
• 按岗位需求：前端 / 后端 / 数据库 / DevOps
• 按熟练程度：不写！（自评「精通/熟练/了解」毫无意义）

标签写法：

• ✅ MATLAB/Simulink FastAPI Git/GitHub
• ❌ 精通MATLAB 熟练使用Python 了解深度学习

3.4 项目经历（Projects）

每个项目必须包含：

1. 项目名称（加粗）
2. 时间段
3. 一句话定位（这个项目是什么）
4. 2-3 行描述（做了什么、用了什么、效果如何）
5. 技术栈标签

描述写法 — STAR 法则：

| 要素 | 说明 | 示例 | |------|------|------| | Situation | 背景 | 「MATLAB R2016b 兼容的仿真代码库」 | | Task | 任务 | 「AI 自动生成仿真脚本和 Simulink 模型」 | | Action | 行动 | 「覆盖车辆动力学、电机 FOC、电池 SOC/EKF 等场景」 | | Result | 结果 | 「含 FFT/滤波/RMS 工具函数库，10+ 可运行示例」 |

动词清单（项目描述开头用）：

| 类别 | 推荐动词 | |------|---------| | 设计 | 设计、架构、构建、搭建、规划 | | 开发 | 开发、实现、编写、封装、集成 | | 优化 | 优化、重构、提升、降低、加速 | | 分析 | 分析、诊断、定位、评估、验证 | | 管理 | 管理、维护、部署、监控、协调 |

禁止的写法：

• ❌ 「负责 XXX」→ 改成「设计/开发/优化了 XXX」
• ❌ 「参与 XXX 项目」→ 改成「独立完成 XXX」或「主导 XXX」
• ❌ 「学习了 XXX」→ 简历不是学习报告
• ❌ 「熟练掌握 XXX」→ 不自评，用项目证明

3.5 量化技巧

能用数字就不用形容词：

| 差 | 好 | |----|-----| | 大幅提升了性能 | 性能提升 40% | | 处理了大量数据 | 日处理 10 万条记录 | | 很多用户使用 | 服务 500+ 用户 | | 多个 AI 模型 | 17+ 个 AI 模型智能调度 | | 持续迭代 | 经历 21 个版本迭代 | | 丰富的工具 | 14 个内置工具 |

没有数据怎么办：

• 用规模代替：「覆盖 6 个仿真场景」「含 10+ 可运行示例」
• 用版本代替：「v1.4.1，21 次迭代」
• 用范围代替：「支持 macOS + Windows 双平台」

3.6 重点项目 vs 普通项目

重点项目（最多 1 个）：

• 用带色背景区块（淡黄 #fefce8）
• 详细描述架构、技术亮点、数据面板
• 2×2 网格展示模块，底部统计数字
• 这是简历的「杀手锏」，面试必问

普通项目（2-4 个）：

• 浅灰卡片，一行标题 + 一行描述 + 标签
• 每个控制在 80-120 字
• 体现技术广度，不重复重点项目的技能

3.7 证书资质

值得写的：

• 与岗位直接相关的（低压电工证 → 电气/汽车岗位）
• 行业准入类的（驾照 → 需要出差的岗位）
• 高含金量的（不写大学英语四级，写雅思 7.0）

不值得写的：

• 大学英语四级/六级（除非很高分）
• 计算机二级（没有技术含量）
• 普通话证书（除非教师岗位）
• 各种「参与奖」「优秀奖」

3.8 不要写的段落

• ❌ 自我评价：「本人性格开朗、吃苦耐劳、团队合作能力强」— 废话
• ❌ 兴趣爱好：「爱好阅读、旅游、摄影」— 浪费空间
• ❌ 求职意向：已经在头部写了职位，不需要重复
• ❌ 期望薪资：面试时谈
• ❌ 照片：除非岗位明确要求

---

四、HTML 结构模板

  
  ...

  
  
    
      
      教育背景
    
    ...
  

  
  
    
      ...
    
  

  
  
    ...
  

  
  
    ...
  

  
  
    ...
  

  
  ...

---

五、工作流程

5.1 信息收集

1. 看用户现有简历（如有）
2. 看 GitHub 仓库 / 网站项目
3. 看用户档案（SOUL.md / memory）
4. 列出所有可用素材：项目、技能、证书、经历

5.2 内容策划

1. 确认目标岗位（问用户，或从项目推断）
2. 选择重点项目（1 个杀手锏 + 2-4 个辅助）
3. 确定技能分类（3-5 类）
4. 按 STAR 法则写项目描述
5. 量化所有可量化的数据

5.3 样式制作

1. 用模板 references/template.html 作为起点
2. 填充内容
3. 调整间距确保一页放得下
4. 检查响应式和打印样式

5.4 自检交付

按下方清单逐项检查，全部通过才交付。

---

六、自检清单（每次交付前必须过）

设计

• [ ] 白底？（不是深色主题）
• [ ] 无头像？（除非用户要求）
• [ ] 无外部依赖？（CDN、字体、JS 库）
• [ ] 无动画/特效？
• [ ] 强调色只用一个？
• [ ] 圆角不超过 8px？

排版

• [ ] 打印友好？（@media print）
• [ ] 响应式？（移动端可读）
• [ ] A4 一页能放下？
• [ ] 左对齐？（不居中排版）
• [ ] 间距均匀？（8px 基准）

内容

• [ ] 单文件？（一个 HTML 搞定）
• [ ] 无硬编码密钥？
• [ ] 联系方式正确？
• [ ] 项目时间准确？
• [ ] 技术栈标签准确？
• [ ] 描述用动词开头？
• [ ] 有量化数据？
• [ ] 无自我评价/兴趣爱好？
• [ ] 无「精通/熟练」自评？
• [ ] 重点项目有架构/数据展示？

---

七、技术栈标签颜色规范

| 颜色系 | 用途 | 色值 | |--------|------|------| | 蓝色 | 编程语言、框架、通用工具 | bg:#eff6ff color:#2563eb border:#dbeafe | | 绿色 | 前端/小程序/客户端 | bg:#f0fdf4 color:#16a34a border:#dcfce7 | | 琥珀色 | AI/Agent/重点项目 | bg:#fffbeb color:#b45309 border:#fde68a | | 紫色 | DevOps/基础设施 | bg:#f5f3ff color:#7c3aed border:#ede9fe |

---

八、常见场景处理

场景 1：项目太多放不下

• 只留 1 个重点 + 3 个普通
• 与目标岗位无关的砍掉
• 相似项目合并

场景 2：项目太少太空

• 课程大作业也算项目
• 开源贡献也算
• 个人工具/脚本也算
• 重点写技术细节，不写「学习了XX」

场景 3：跨专业求职

• 强调可迁移技能（编程、数据分析、项目管理）
• 项目经历突出技术实现，弱化专业背景
• 教育背景放最后

场景 4：实习简历

• 不需要太多工作经历
• 重点写项目和技术能力
• 课程相关项目可以写
• 竞赛/开源经历加分

---

九、参考模板

references/template.html — 完整 HTML 模板，包含所有 CSS 类和结构。 直接复制后替换内容即可，不需要从零写 CSS。

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: LiHongwei-cn
• Source: LiHongwei-cn/lihongwei-cn
• License: MIT
• Homepage: https://lihongwei-cn.github.io/lihongwei-cn/

Install and usage instructions live in the source repository linked above.