AI Personal Learning
and practical guidance
讯飞绘镜

Learning: building a set of prompts to optimize and generate a web version of your resume

Thinking of a fairly simple but very useful tip for using cue words that is common in everyday work or AI application engineering, but people often can't think to use it, inertia makes...

 


The thought process is as follows:

Determine task objectives - Learn corresponding domain expert knowledge - Structure output - Construct instruction templates

Here I demonstrate with an optimized resume scenario. Be careful not to rely too much on the big model to optimize your resume directly for you, all optimization techniques are expert knowledge spliced in instructions that you learn on your own.

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

Preview at https://b_9vhm6j5.v0.build/

 

Prepare material

  1. An original resume, preferably in markdown format, word and pdf are fine too!
  2. Online Search Resume Writing Tips
  3. Finding resume templates and generating HTML format resume template code using AI technology

 

Resume Writing Tips

The following information was found online and then made simple for the big models to put together

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

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

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

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

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

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

 

Generate Resume Templates

Generate an HTML resume template using Claude and v0.dev respectively, requiring that the fields generated also match the fields mentioned in the resume writing tips above.

<!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>

 

constructor instruction

# 任务

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

## 简历优化技巧

{引用简历编写技巧}

## 限制

- 列举项目经验数量:5

- 列举近期工作单位:3

- ...

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

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

```

 

Modify the variables in the "Restrictions" section, otherwise the resume will be output strictly in the HTML resume template format, resulting in missing information from the original resume.

 

appliance

1. Resume uploaded as an attachment to ChatGPT, Claude

2. Enter the constructed cue word

3. Well... Also, the default HTML resume template only retains the basic structure to ensure that it takes up as little context as possible in the instructions, and the style is not embellished!

4. So the last step is to content satisfactory HTML version of the resume input to v0.dev for style optimization, the effect is as follows:

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

 

ultimate

If you're good at recruiting specialists, optimizing office documents, or writing code, a certain part will feel very elementary to you. What you have to do here is to take the strengths and use the big models to refine the abilities you're not good at, making the strengths stronger and filling in the weaknesses. This wave of generative AI capability explosion is for the curious and with you.

May not be reproduced without permission:Chief AI Sharing Circle " Learning: building a set of prompts to optimize and generate a web version of your resume
en_USEnglish