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.

Teaching: Creating a set of prompts to optimize and generate a web-based resume-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
- Synopsis: This section is the resume equivalent of an introduction and provides the hiring manager with a short, concise overview of your professional background, relevant skills, and major accomplishments.

Education
- Degree Information:
- Masters Degree in XX: List dates of study, name of school, and location.
- Bachelors Degree in XX: Again, list the date, school name and location.

Work Experience
- Company Information: Each work experience should include the company name, position, location, and hours worked.
- IMPORTANT: It is important to include relevant work experience because it shows that you understand the requirements of the job.
- Specific Information: The Work Experience section should include specific information about your employment history, which helps hiring managers better understand your career trajectory.

Skills
- Key Skills: List all the important skills that are relevant to the position you are applying for, such as time management, communication skills, critical thinking, analytical skills, SEO, project management, and so on. These skills will help you stand out from the crowd of applicants.

Achievements
- Personal Achievements: List significant accomplishments in your career, including goals reached or important projects completed. Each accomplishment should include a detailed description, location and date so that hiring managers can better assess your abilities and potential.

This resume template is clearly structured and comprehensive, which can effectively help job seekers showcase their strengths and improve their chances of getting an interview. By filling out each section in detail, you can create a professional and competitive resume.

 

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>The work experience section of your resume should contain specific information about your employment history.</li>
<li>The 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>The work experience section of your resume should contain specific information about your employment history.</li>
<li>The 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>The work experience section of your resume should contain specific information about your employment history.</li>
<li>The 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

# Mission

Optimize attached resumes in PDF, word, and markdown formats to output resumes in HTML format.

## Resume optimization tips

{cite resume writing tips}

## Restrictions

- Number of projects experience listed: 5

- List recent work units: 3

- ...

## Output the complete code block in the following HTML format

``.
{cite HTML resume template}

```

 

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:

Teaching: Creating a set of prompts to optimize and generate a web-based resume-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.

AI Easy Learning

The layman's guide to getting started with AI

Help you learn how to utilize AI tools at a low cost and from a zero base.AI, like office software, is an essential skill for everyone. Mastering AI will give you an edge in your job search and half the effort in your future work and studies.

View Details>
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

Chief AI Sharing Circle

Chief AI Sharing Circle specializes in AI learning, providing comprehensive AI learning content, AI tools and hands-on guidance. Our goal is to help users master AI technology and explore the unlimited potential of AI together through high-quality content and practical experience sharing. Whether you are an AI beginner or a senior expert, this is the ideal place for you to gain knowledge, improve your skills and realize innovation.

Contact Us
en_USEnglish