AI个人学习
和实操指南

学习:打造一套优化并生成网页版简历的提示词

想起一个还算简单却十分有用的提示词使用技巧,在日常工作或AI应用工程化中都很常见,但大家往往想不起来用,惰性使然...

 

思路如下:

确定任务目标——学习对应领域专家知识——结构化输出——构造指令模板

这里我以优化简历场景演示。要注意,不要过于依赖大模型直接帮你优化简历,所有优化技巧是你自己学习的专家知识拼接在指令中进行。

教学:打造一套优化并生成网页版简历的提示词-1

预览地址:https://b_9vhm6j5.v0.build/

 

准备素材

  1. 一份原始简历,最好markdown格式,word和pdf也可以
  2. 网上搜索简历编写技巧
  3. 寻找简历模板,并利用AI技术生成HTML格式简历模板代码

 

简历编写技巧

以下信息是网上找的,然后让大模型简单整理的

关于我(About Me)
- 简介:这一部分相当于简历的自我介绍,为招聘经理提供了一个简短而精炼的职业背景、相关技能和主要成就概览。

教育背景(Education)
- 学位信息:
- 硕士学位(Masters Degree in XX):列出学习时间、学校名称和地点。
- 学士学位(Bachelors Degree in XX):同样列出学习时间、学校名称和地点。

工作经验(Work Experience)
- 公司信息:每一段工作经验都应包括公司名称、职位、地点和工作时间。
- 重要性:包括相关的工作经验非常重要,因为它表明你理解工作的要求。
- 具体信息:工作经验部分应包含关于你的就业历史的具体信息,这有助于招聘经理更好地了解你的职业发展轨迹。

技能(Skills)
- 关键技能:列出所有与你申请职位相关的重要技能,如时间管理、沟通能力、批判性思维、分析能力、SEO、项目管理等。这些技能将帮助你在众多求职者中脱颖而出。

成就(Achievements)
- 个人成就:列出你职业生涯中的重要成就,包括达成的目标或完成的重要项目。每一项成就都应包括详细描述、地点和日期,以便招聘经理更好地评估你的能力和潜力。

这份简历模板结构清晰,内容全面,能够有效帮助求职者展示自己的优势,提高面试机会。通过详细填写每一个部分,你可以打造一份专业且具有竞争力的简历。

 

生成简历模板

使用Claude和v0.dev分别生成一份HTML简历模板,要求生成的字段也匹配以上简历编写技巧中提及的字段。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Name - Resume</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 40px;
max-width: 800px;
margin: 0 auto;
}
.header {
text-align: center;
border-bottom: 2px solid black;
padding-bottom: 20px;
margin-bottom: 20px;
}
h1 {
margin: 0;
font-size: 48px;
font-weight: bold;
}
h2 {
font-size: 20px;
margin-top: 0;
margin-bottom: 10px;
border-bottom: 1px solid black;
padding-bottom: 5px;
}
h3 {
font-size: 16px;
margin-bottom: 5px;
}
.title {
font-size: 24px;
margin-top: 5px;
}
.contact-info {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.contact-info div {
display: flex;
align-items: center;
}
.contact-info img {
width: 20px;
height: 20px;
margin-right: 10px;
}
.main {
display: flex;
margin-top: 20px;
}
.left-column {
flex: 1;
padding-right: 20px;
}
.right-column {
flex: 2;
border-left: 1px solid black;
padding-left: 20px;
}
ul {
padding-left: 20px;
margin-top: 0;
margin-bottom: 10px;
}
.work-experience {
margin-bottom: 20px;
}
.company {
font-weight: bold;
}
.location-date {
float: right;
text-align: right;
}
p {
margin: 5px 0;
}
</style>
</head>
<body>
<div class="header">
<h1>YOUR NAME</h1>
<div class="title">TITLE</div>
</div>

<div class="main">
<div class="left-column">
<h2>ABOUT ME</h2>
<p>Similar to resume summary - about me is an introduction that provides a brief snapshot of your professional background, relevant skills, and key accomplishments.</p>

<h2>EDUCATION</h2>
<h3>Masters Degree in XX</h3>
<p>Jun 2010 - March 2012</p>
<ul>
<li>School Here</li>
<li>Location</li>
</ul>

<h3>Bachelors Degree in XX</h3>
<p>Jun 2002 - March 2006</p>
<ul>
<li>School Here</li>
<li>Location</li>
</ul>

<h2>SKILLS</h2>
<ul>
<li>Time management</li>
<li>Communication</li>
<li>Critical thinking</li>
<li>Analytics</li>
<li>Seo</li>
<li>Communication</li>
<li>Project management</li>
</ul>

<h2>ACHIEVEMENTS</h2>
<p><strong>Your achievement</strong></p>
<p>Location<br>Date</p>

<p><strong>Your achievement</strong></p>
<p>Location<br>Date</p>
</div>

<div class="right-column">
<h2>WORK EXPERIENCE</h2>
<div class="work-experience">
<p><span class="company">COMPANY</span> <span class="location-date">Location<br>Date</span></p>
<p>Indicate your role/position in the company</p>
<p>Including relevant work experience on your resume is important because it shows hiring managers you've understood the requirements of the job.</p>
<ul>
<li>work experience section of your resume should contain specific information about your employment history.</li>
<li>work experience section of your resume should contain specific information about your employment history.</li>
</ul>
</div>

<div class="work-experience">
<p><span class="company">COMPANY</span> <span class="location-date">Location<br>Date</span></p>
<p>Indicate your role/position in the company</p>
<p>Including relevant work experience on your resume is important because it shows hiring managers you've understood the requirements of the job.</p>
<ul>
<li>work experience section of your resume should contain specific information about your employment history.</li>
<li>work experience section of your resume should contain specific information about your employment history.</li>
</ul>
</div>

<div class="work-experience">
<p><span class="company">COMPANY</span> <span class="location-date">Location<br>Date</span></p>
<p>Indicate your role/position in the company</p>
<p>Including relevant work experience on your resume is important because it shows hiring managers you've understood the requirements of the job.</p>
<ul>
<li>work experience section of your resume should contain specific information about your employment history.</li>
<li>work experience section of your resume should contain specific information about your employment history.</li>
</ul>
</div>
</div>
</div>

<div class="contact-info">
<div>
<img src="/placeholder.svg" alt="Phone">
<span>123-456-7890</span>
</div>
<div>
<img src="/placeholder.svg" alt="Email">
<span>hello@reallygreatsite.com</span>
</div>
<div>
<img src="/placeholder.svg" alt="Website">
<span>www.reallygreatsite.com</span>
</div>
</div>
</body>
</html>

 

构造指令

# 任务

优化附件中的PDF、word、markdown格式简历,输出HTML格式的简历。

## 简历优化技巧

{引用简历编写技巧}

## 限制

- 列举项目经验数量:5

- 列举近期工作单位:3

- ...

## 按照以下HTML格式输出完整代码块

```
{引用HTML简历模板}

```

 

变量在“限制”中修改,否则输出简历时会按照HTML简历模板格式严格输出,导致缺失原始简历中的信息。

 

应用

1.简历作为附件上传至ChatGPT、Claude

2.输入构造好的提示词

3.好了...还有,默认HTML简历模板为保证在指令中尽量少的占用上下文长度,仅保留基础结构,样式并没有美化

4.所以最后一步是将内容满意的HTML版简历输入到v0.dev进行样式优化,效果如下:

教学:打造一套优化并生成网页版简历的提示词-1

 

最后

如果你擅长招聘专、优化办公文档或编写代码,某部分内容会让你觉得十分初级。这里你要做的是取长补短,利用大模型来完善你不擅长的能力,让强项更强,填平弱项。这波生成式AI能力爆发是为好奇者准备的,与君共勉。

AI轻松学

普通人的AI入门指南

帮助你以低成本、零基础学会如何利用AI工具。AI就像办公软件一样,是每个人的必备技能。 掌握AI会让你在求职中占据优势,在未来的工作和学习中事半功倍。

查看详情>
未经允许不得转载:首席AI分享圈 » 学习:打造一套优化并生成网页版简历的提示词
分享到

首席AI分享圈

首席AI分享圈专注于人工智能学习,提供全面的AI学习内容、AI工具和实操指导。我们的目标是通过高质量的内容和实践经验分享,帮助用户掌握AI技术,一起挖掘AI的无限潜能。无论您是AI初学者还是资深专家,这里都是您获取知识、提升技能、实现创新的理想之地。

联系我们